JavaScript的bom对象

淩亂°似流年 2022-06-04 04:43 236阅读 0赞

### **js的bom对象** ###

\*\* **bom：broswer object model: 浏览器对象模型**  
\*\* 有哪些对象？  
△**了解即可** navigator： 获取客户机的信息（浏览器的信息）\*  
\- navigator.appName  
\- document.write(navigator.appName);  
△**\* \*\*screen: 获取屏幕的信息**  
\- document.write(screen.width);  
document.write(“<br/>”);  
document.write(screen.height);  
△**\* \*\*location: 请求url地址**

\-**href属性**  
***\**** 获取到请求的url地址\*  
\- document.write(location.href);  
![这里写图片描述][SouthEast]

**设置url地址**  
\- 页面上安置一个按钮，按钮上绑定一个事件，当我点击这个按钮，页面可以跳转到另外一个页面  
\- location.href = “hello.html”;  
*\*\** <input type=”button” value=”tiaozhuan” οnclick=”href1();”/>  
\- 鼠标点击事件 οnclick=”js的方法;”  
![这里写图片描述][SouthEast 1]

△**\* \*\*history：请求的url的历史记录**  
\- 创建三个页面  
1、创建第一个页面 a.html 写一个超链接 到 b.html  
2、创建b.html 超链接 到 c.html  
3、创建c.html  
\- 到访问的上一个页面  
history.back();  
history.go(-1);  
\- 到访问的下一个页面  
history.forward();  
history.go(1);

☆***\* window（\****）  
\* **窗口对象**  
\* **顶层对象（所用的bom对象都是在window里面操作的）**  
\*\* 方法（必须记住）  
\- **window.alert()** : 页面弹出一个框，显示内容  
\*\* 简写**alert**()  
\- **confirm**()： 确认框  
\- var flag = window.confirm(“显示的内容”);  
\-点击确定返回true，点击取消返回false  
\- **prompt**()： 输入的对话框  
\- window.prompt(“please input : “,”0”);  
\- window.prompt(“在显示的内容”,”输入框里面的默认值”);  
\- **open**() :　打开一个新的窗口  
\*\* open(“打开的新窗口的地址url”,”“,”窗口特征，比如窗口宽度和高度”)  
\- 创建一个按钮，点击这个按钮，打开一个新的窗口  
\- window.open(“hello.html”,”“,”width=200,height=100”);  
\- **close**(): 关闭窗口(浏览器兼容性比较差)  
\- window.close();  
\- 做定时器  
\*\* **setInterval(“js代码”,毫秒数)** 1秒=1000毫秒  
\- 表示每三秒，执行一次alert方法  
window.setInterval(“alert(‘123’);”,3000);//注意格式  
\*\* **setTimeout(“js代码”,毫秒数)**  
\- 表示在毫秒数之后执行，但是只会执行一次  
\- 表示四秒之后执行js代码，只会执行一次  
window.setTimeout(“alert(‘abc’);”,4000);  
\*\* **clearInterval(): 清除setInterval设置的定时器**  
var id1 = setInterval(“alert(‘123’);”,3000);//通过setInterval会有一个返回值  
clearInterval(id1);  
\*\* **clearTimeout() : 清除setTimeout设置的定时器**  
var id2 = setTimeout(“alert(‘abc’);”,4000);  
clearTimeout(id2);

[SouthEast]: /images/20220604/1bf317fe6823400fb3faf23f8e0097dc.png
[SouthEast 1]: /images/20220604/ca447650d9894708bb47ad44e63475a9.png