码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript BOM对象介绍

时间:2016-10-10 16:23:13      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

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="跳转" onclick="href1();"/>
  		<input type="button" value="上一页" onclick="up();"/>
  		<input type="button" value="下一页" onclick="next();"/>
  </body>
</html>

  



JavaScript BOM对象介绍

标签:

原文地址:http://www.cnblogs.com/fengmingyue/p/5946116.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!