JavaScript BOM 浏览器对象模型

简介: JavaScript BOM 浏览器对象模型

1、JavaScript BOM 的概念

浏览器对象模型(Browser object model)简称 BOM。Js 通过 BOM 和浏览器进行交互,可以获

取屏幕尺寸,窗口大小,页面地址,历史记录等浏览器相关信息,也可以控制浏览器执行某些行

为:弹出信息,页面跳转,打开窗口,关闭窗口,调整窗口大小等。

浏览器对象模型用 window 对象来表示,所有 JavaScript 全局变量、全局函数会自动成为

window 对象的成员。DOM 的 document 也是 window 对象的一个属性。

2、JavaScript 窗 口

window.open():打开新窗口

window.close():关闭当前窗口

window.moveTo():移动当前窗口

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

eg:

<button  onclick="isOpen()">打开百度</button>
 
<script>
 
function  isOpen(){
 
myBaidu  =  window.open('http://www.baidu.com');
 
}
 
</script>

3、JavaScript 地址信息与页面跳转

跳转传参(重点):

跳转传参指在页面跳转时,将部分数据拼接到 URL 路径上,一并跳转到另一个页面上。

另一页面可以通过 window.location.search 接收此参数。并配合 slice 将多余符号切割掉。

永久性定时器,每隔一段时间执行一次

4、JavaScript 定时器

setInterval(执行函数,毫秒):永久性定时器,每隔一段时间执行一次。

clearInterval(永久性定时器):清除永久性定时器。

setTimeout(执行函数,毫秒):一次性定时器,一定时间后执行一次。

clearTimeout(一次性定时器):清除一次性定时器。

相关文章
|
1天前
|
编解码 JavaScript 前端开发
**BOM**是浏览器对象模型,用于控制浏览器窗口
【6月更文挑战第22天】**BOM**是浏览器对象模型,用于控制浏览器窗口,如`window`、`navigator`、`location`等,提供弹窗、定时器及事件处理功能。**DOM**是文档对象模型,将HTML文档转化为可编程的树结构,允许创建、修改元素及处理事件。两者协同工作,赋能JavaScript与网页交互。
7 2
|
2天前
|
存储 JavaScript 前端开发
第六篇-Javascript对象
第六篇-Javascript对象
9 2
|
4天前
|
JavaScript 前端开发
JavaScript进阶-模板字符串与增强的对象字面量
【6月更文挑战第19天】ES6的模板字符串和增强对象字面量提高了JavaScript的易读性和效率。模板字符串(` `)支持变量嵌入和多行,简化了字符串处理;增强对象字面量允许简写属性与方法,以及动态属性名。注意模板字符串的闭合和性能影响,以及对象字面量的简写语法和计算属性名的恰当使用。通过实例展示了这两项特性的应用,助力编写更优雅的代码。
|
4天前
|
JavaScript
js 判断对象内所有值为空
js 判断对象内所有值为空
|
1天前
|
JavaScript 前端开发
JS如何判断一个对象是否为数组?
JS如何判断一个对象是否为数组?
7 0
|
1天前
|
JavaScript 前端开发
JS遍历数组和对象的常用方法有哪些?
JS遍历数组和对象的常用方法有哪些?
6 0
|
4天前
|
JavaScript 前端开发
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
|
1月前
|
JavaScript 前端开发
JavaScript BOM 浏览器对象模型
JavaScript BOM 浏览器对象模型
|
11月前
|
Web App开发 JavaScript 前端开发
JavaScript Window - 浏览器对象模型
JavaScript Window - 浏览器对象模型
|
JavaScript 前端开发