javascript组成之BOM对象总结

javascript组成之BOM对象总结

BOM 对象：浏览器对象模型(操作与浏览器相关的内容)

Window 对象(掌握)

 Window 对象表示浏览器中打开的窗口。
 Window对象方法

setInterval():它有一个返回值，主要是提供给 clearInterval 使用。
setTimeout():它有一个返回值，主要是提供给 clearTimeout 使用。
clearInterval():该方法只能清除由 setInterval 设置的定时操作。
clearTimeout():该方法只能清除由 setTimeout 设置的定时操作。
setInterval()函数和setTimeout()区别：前面的是周期性的（可以循环调用），后面定时调用一次。
alert()、confirm()、prompt()函数代码演示

	
		"UTF-8">
		
		
	
	
	
	

页面展示效

1. 警告框展示
   
2. 确认按钮
   
3. 提示输入框
   

Location 对象(掌握)

Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

href:该属性可以完成通过 JS 代码控制页面的跳转。
href属性代码演示
代码实现一:内部引入

	
		
		
		
	
	
		"#" οnclick="tiaozhuan()">百度一下
	

代码实现二:行内引入(前期是javascript代码不能太长,太长不建议使用行内引入)
行内引入首先要声明是javascript代码

	
		"UTF-8">
		
	
	
		"#" οnclick="javascript:window.location.href='http://www.baidu.com'">百度一下
	

History 对象(掌握)

History 对象包含用户（在浏览器窗口中）访问过的 URL。
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

back():返回上一页
forward():下一页
go(参数):参数：-1 返回上一个历史记录页面；-2 返回上上一个历史记录页面，1 进入下一个历
史记录页面。go()方法可以实现back()和forward()的功能。

代码演示返回上一页和下一页：

	
		"UTF-8">
		
		
	
	
		"返回上一页.html"> 点我!
	

---

	
		"UTF-8">
		
	
	
		"button" value="上一页" οnclick="javascript:history.back()"/>

		"button" value="下一页" οnclick="javascript:history.forward()"/>

		"#" οnclick="javascript:window.location.href='http://www.baidu.com'">百度一下
	

页面展示效果
实现下一页和上一页的过程
先点击点我，然后到页面二，点击百度一下，就到了下一页百度首页，在手动返回到页面二，在点击上一页就回到了页面一，在手动回到页面页面一，点击下一页，就到了百度首页，上面的意思，就是你要先访问上一页和下一页，代码才知道那个是上一页和下一页。
页面一：

页面二：

让按钮点击失效：
οnclick=”javascript:volid(0)”

Navigator 对象(该对象开发中不怎么常用)

Navigator 对象包含有关浏览器的信息。
注释：没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。

Screen 对象(该对象开发中不怎么常用)

Screen 对象包含有关客户端显示屏幕的信息。
注释：没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。