js的bom对象简介

最新推荐文章于 2024-07-16 19:07:40 发布

朱琳的博客

最新推荐文章于 2024-07-16 19:07:40 发布

阅读量918

点赞数 1

分类专栏： javascript 文章标签： bom js

本文链接：https://blog.csdn.net/zhulin0519/article/details/49720929

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

bom：全称为：browser object model 浏览器对象模型
那具体有哪些对象呢？

1.navigator 可以获取客户机的信息（获取浏览器的信息）。比如浏览器的类型。

document.write(navigator.appName);

2.screen 获取屏幕的一些信息，例如分辨率。

 document.write(screen.width);
 document.write(screen.height);

3.location获取到请求的url地址,并且可以设置url的地址，例如在页面上放置一个按钮，按钮上绑定一个事件，当我点击这个按钮时，页面可以跳转到另外一个页面。

document.write(location.href);//获取当前的文件路径

<input type="button" value="tiaozhuan" onclick="href1();"/>
function href1(){
location.href="a.html";
}

4.history 请求url的历史记录。

 <input type="button" value="back" onclick="back1();"/>
 <input type="button" value="next" onclick="next1();"/>
 <script type="text/javascript">
 //到上一个页面
 function back1(){
     history.back();
 }
 //到下一个页面
 function next1(){
     history.forward();
 }

5.Window 窗口对象，js的顶层对象（所有的bom对象都是在window里面操作的）。
主要有以下几个方法：（都很重要）
window.alert（）；页面弹出一个框，显示内容
window.confirm（）；表示确认框
prompt（）；输入的对话框
open （”打开新窗口的地址URL”,”窗口特征比如宽度高度”）；打开一个新的窗口。创建按钮，点击这个按钮，打开一个新的窗口。
window.open(“06js.html”,”“,”width=100,height=200”);
close（）；关闭窗口，浏览器兼容性要差一点
setInterval(“js代码”,”毫秒数”)定时器，按照指定周期循环
window.setInterval(“alert’123’”,2000);
setTimeout()在指定的毫秒数之后来调用
window.setTimeout (“js代码”,”毫秒数”)；
clearInterval()清除setInterval定时器
clearTimeout()清除setTimeout
具体的完整代码实现如下：

<html>
 <head>
  <title>HTML示例</title>
  <style type="text/css">

  </style>
 </head>
 <body>
 <input type="button" value="tiaozhuan" onclick="open1();"/>
 <input type="button" value="tiaozhuan" onclick="href1();"/>
  <input type="button" value="tiaozhuan" onclick="clear1();"/>
 <input type="button" value="tiaozhuan" onclick="clear2();"/>

 <script type="text/javascript">
 function href1(){
    location.href="a.html";
 }
 //navigator对象
 document.write(navigator.appName);

 //screen对象
 document.write(screen.width);
 document.write(screen.height); 

 //location
 document.write("<hr/>");

 //history

 //confirm
 var flag=window.confirm("你是猪吗");
 if(flag==true){
     alert("删除成功");
 }
 if(flag==false){
     alert("删除失败");
     }

 alert(flag);

//prompt 输入窗口
window.prompt("pleace input:","0");

//open方法
function open1()
{
    window.open("06js.html","","width=100,height=200");
}

//setInterval
window.setInterval("alert’123’;",2000);

//setTimeout
window.setTimeout("alert’123’;",2000);

//setInterval
function clear1(){
window.setInterval("alert’123’;",2000);}

function clear2(){
//setTimeout
window.setTimeout("alert’123’;",2000);}
 </script>
 </body>
</html>