BOM重点核心总结

BOM浏览器对象模型

一、 BOM是browser object model的缩写,简称浏览器对象模型

1、· BOM提供了独立于内容而与浏览器窗口进行交互的对象, 由于BOM主要用于管理窗口与窗口之间的通讯,因此*其核心对象是window
2、 BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
· BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C**
3、 BOM最初是Netscape浏览器标准的一部分。BOM中,我们将学到与浏览器窗口交互的一些对象,例如可以移动,调整浏览器大小的window对象,可以用于导航的location对象与history对象,可以获取浏览器,操作系统与用户屏幕信息的navigator与screen对象,可以使用document作为访问HTML文档的入口,管理框架的frames对象等

二、window对象是BOM的顶层(核心)对象

window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。由于window是顶层对象,因此调用它的子对象时可以不显示的指明window对象,例如下面两行代码是一样的:

 document.write("hello world");
 window.document.write("hello world");
 window.location.href

三、window常用属性

1、window.screen有关客户端的屏幕和显示性能的信息

 window.screen.width  屏幕宽
 screen.availWidth - 可用的屏幕宽度(以像素计,减去界面特性,比如窗口任务栏)
screen.availHeight - 可用的屏幕高度

2、window.history | 有关客户访问过的URL的信息

window.history.back( ) 加载历史列表中的前一个
window.history.forward() 加载历史列表中的下一个
go(number) 加载历史列表中的某个具体的页面 -1 前一个页面

3、window.location 有关当前 URL 的信息

	window.location.href  获取完整路径
	window.location.pathname 获取路径名
	window.location.reload() 刷新本页面
	window.location.href = url 跳转页面
	<a href="javascript:location.href='flower.html'">查看鲜花详情</a> 
    <a href="javascript:location.reload()">刷新本页</a>
	<a href="javascript:history.back()">返回主页面</a>

4、navigator | 有关当前浏览器的信息
浏览器代号 Mozilla: navigator.appCodeName
浏览器名称 Netscape: navigator.appName
浏览器版本 5.0 :navigator.appVersion
启用cookie操作 true :navigator.cookieEnabled
硬件平台 win32: navigator.platform
用户代理 Mozilla/5.0…: navigator.userAgent
语言环境 zh-C:Nnavigator.systemLanguage
5、window常用方法
prompt 显示可提示用户输入的对话框
alert 显示带有一个提示信息和一个确定按钮的警示框
confirm 显示一个带有提示信息、确定和取消按钮的对话框
close 关闭浏览器窗口
open 打开一个新的浏览器窗口,加载给定
URL 所指定的文档
语法:window.open(URL,name,features)
6、window常用事件

onload 一个页面或一幅图像完成加载 在对象已加载时触发
onresize 随着窗口或框架大小的改变而改变 
window.onresize=function(){} 
onscroll 滚动条滚动事件

猜你喜欢

转载自blog.csdn.net/qq_47008195/article/details/107461269
今日推荐