首页 > 代码库 > JavaScript BOM对象介绍

JavaScript BOM对象介绍

bom:即broswer object model(浏览器对象模型),由五个对象组成:

       Window:对象表示浏览器中打开的窗口 最顶层对象.
       Navigator :浏览器对象.
       Screen: 屏幕对象
       History:浏览器历史对象
       Location:地址对象.

 

技术分享

技术分享

技术分享

技术分享

技术分享

<!DOCTYPE html><html>  <head>    <title>JavaScript BOM对象</title>    <meta http-equiv="content-type" content="text/html; charset=UTF-8">	<script type="text/javascript" >		//navigator对象举例,返回浏览器的名称和浏览器的平台和版本信息。		document.write(navigator.appName+" "+navigator.appVersion);		document.write("<hr/>");		//navigator对象举例,返回显示屏幕的高度(除 Windows 任务栏之外)和显示屏幕的宽度 (除 Windows 任务栏之外)。		document.write(screen.availHeight+" "+screen.availWidth);		document.write("<hr/>");		//navigator对象举例		function href1()		{				location.href = "https://www.baidu.com";//跳转到百度		}		function up()		{				history.back();//可用history.go(-1)代替		}		//navigator对象举例		function next()		{				history.forward();//可用history.go(1)代替,history.go(2)相当于点击两次下一页		}		//navigator对象举例(window可省略,如window.alert()可替换为alert())		window.setTimeout("document.write(‘setTimeout‘);", 2000);//两秒后输出一个setTimeout单词(只输出一次)		window.setInterval("document.write(‘<hr/>‘);", 2000);//每两秒输出一个下划线	</script>  </head>  <body>  		<input type="button" value="http://www.mamicode.com/跳转" onclick="href1();"/>  		<input type="button" value="http://www.mamicode.com/上一页" onclick="up();"/>  		<input type="button" value="http://www.mamicode.com/下一页" onclick="next();"/>  </body></html>

  



JavaScript BOM对象介绍