当前位置: 首页 > article >正文

JavaScript BOM 的概念(浏览器对象模型)

        浏览器对象模型( Browser object model )简称 BOM Js 通过 BOM 和浏览器进行交互,可以获取屏幕尺寸,窗口大小,页面地址,历史记录等浏览器相关信息,也可以控制浏览器执行某些
行为:弹出信息,页面跳转,打开窗口,关闭窗口,调整窗口大小等。
        浏览器对象模型用 window 对象来表示,所有 JavaScript 全局变量、全局函数会自动成为
window 对象的成员。 DOM document 也是 window 对象的一个属性。
1. JavaScript 窗口
方法                                                  描述
window.open()                              打开新窗口
window.close()                             关闭当前窗口
window.moveTo()                         移动当前窗口

window.resizeTo()                        调整当前窗口的尺寸

<button onclick="isOpen()">打开百度</button>
<script>
function isOpen(){
myBaidu = window.open('http://www.baidu.com');
}
</script>
<button onclick="isClose()">关闭当前网页</button>
<script>
function isClose(){
window.close();
}
</script>
<button onclick="isOpen()">打开网页</button>
<button onclick="isMove()">移动网页</button>
<script>
function isOpen(){
myweb = window.open('','','width=400,height=200');
}
function isMove(){
myweb.moveTo(200,200);
}
</script>
<button onclick="isOpen()">打开网页</button>
<button onclick="isResize()">调整网页大小</button>
<script>
function isOpen(){
myweb = window.open('','','width=400,height=200');
}
function isResize(){
myweb.resizeTo(600,600)
}
</script>

 

 


http://www.kler.cn/a/271891.html

相关文章:

  • 【二叉树】4. 判断一颗二叉树是否是平衡二叉树。5. 对称二叉树。6. 二叉树的构建及遍历 7. 二叉树的分层遍历 。
  • MVCC底层原理实现
  • 聊一聊 CSS 样式的导入方式
  • 计算机网络 (57)改进“尽最大努力交付”的服务
  • 工作~酒场指南
  • Git 详细安装教程以及gitlab添加SSH密钥
  • 栈和队列(Java实现)
  • [Python初阶]2255.统计是给定字符串前缀的字符串数目
  • 关于前端打包加部署
  • python二级备考(2)-简单应用题
  • 九种背包问题(C++)
  • react-面试题
  • Python网络爬虫内容介绍
  • HTML静态网页成品作业(HTML+CSS)——家乡广州介绍设计制作(5个页面)
  • 简单认识Java,数据类型与变量,运算符,程序逻辑控制
  • MySQL中出现‘max_allowed_packet‘ variable.如何解决
  • rlwrap安装
  • 【Docker】一文趣谈Docker
  • Sora提示词与视频创作的融合(一):创意启发:利用提示词激发创作灵感
  • 操作系统(AndroidIOS)图像绘图的基本原理
  • Vue组件封装方案对比——v-if方式与内置component方式
  • 【中等】保研/考研408机试-二叉树相关
  • day10-SpringBootWeb案例-1
  • 代码随想录day40:动态规划part8,背包问题完
  • CVPR2024 | 大核卷积新高度101x101,美团提出PeLK
  • 5.通过组策略如何设置域控统一桌面壁纸?AD域控如何做桌面背景壁纸策略?