BOM?
浏览器的核心内容:BOM,DOM。
不同的浏览器在BOM和DOM方面的适配有差异。
整个浏览器(即浏览器的头部到浏览器的底部)叫BOM,而文档开始部分(即HTML显示部分)叫DOM。BOM包含DOM,DOM是BOM当中的元素。
window是祖先。
window是权限最高的对象,它可以找到我们要操作的所有子目标。
BOM对象?(有括号是方法设置,无括号是属性式调用或设置)
1. window对象?(是所有BOM对象的祖先,书写时某些可以省略window.)
open(); 打开网址。如:
window.open(“http://www.baidu.com”, ”height=200px,width=200px,top=10”);
close(); 关闭窗口
innerHeight 浏览器窗口的内部(即DOM)高度(兼容所有浏览器),包含滚动条。换句话说innerHeight不包含工具栏、地址栏等内容的内部高
innerWidth 浏览器窗口的内部(即DOM)宽度(兼容所有浏览器)
outerWidth 可以获取浏览器窗口的整个(即BOM)宽
outerHeight 可以获取浏览器窗口的整个(即BOM)高
screenTop 窗口当前距离顶部的距离,只能获取不能设置
screenLeft 窗口当前距离左边的距离,只能获取不能设置,用window.screenLeft
2. location对象?(一般用来修改地址栏的某部分内容实现某类功能)
reload(); 重新加载当前页面。使用方式: location.reload();
href 跳转页面。如location.href=”https://www.baidu.com/”;有历史记录。
assign(); 复制也叫跳转页面。如location.assign=”https://www.baidu.com/”;有历史记录,即可以后退。
replace(); 替换也叫跳转页面。是方法设置。href是属性设置。如location.replace=”https://www.baidu.com/”;无历史记录,所以一般用href和assign
hash 获取到url中#后的字符串,如果没有,则返回空字符串
search 获取到url中?后面的内容
hostname 返回web主机的域名
pathname 返回当前页面的路径和文件名或目录
port 返回web主机的端口(80或443)
protocal 返回所使用的web协议(http://或https://)
注意:要清楚了解http和https!!
3. history对象?(针对历史操作,主要为PHP方面服务)
back(); 向后退一页。必须到href或者assign访问的页面中来书写history.back();以此来操作返回到父页面。
forward(); 在有历史记录时,跳转到前一个页面。
go 参数为0时表刷新页面。参数为-1时表向后跳转。参数为1时表向前跳转。
length 返回历史记录中的所有网址总数,即多少条历史记录。
4. screen对象?
availHeight 屏幕的高度像素减去系统部件高度之后的值。即不带屏幕下面的系统部件,availWidth也一样。
availWidth 屏幕的宽度像素减去系统部件宽度后的值
height 屏幕的高度像素。包含屏幕下面的系统部件,width也一样。
width 屏幕的宽度像素
5. navigator对象?(浏览器系统的信息内容)
userAgent 返回由客户机发送服务的user-agent头部的值(即浏览器系统、版本、内核)
appName 返回浏览器的名称
appVersion 返回浏览器的平台和版本信息
platform 返回运行浏览器的操作系统平台