JavaScript中的BOM操作

4. BOM

document.documentElement 指的是html

4.1 获取窗口的大小

window.innerWidth,window.innerHeight

这种方式不支持IE8 及以下,要兼容IE可以使用document.documentElement.clientWidth和document.documentElement.clientHeight

var w = window.innerWidth || document.documentElement.clientWidth;
var h = window.innerHeight || document.documentElement.clientHeight;

4.2 打开新的页面

使用var newWin = window.open();

参数一表示打开的地址

参数二表示打开的方式, _blank _self,或者是取一个名字,取了名字后,如果再次打开则是重新刷新那个页面

参数三是设置宽高,left,top之类的 宽高不用加单位

返回的是一个对象

关闭页面可以利用这个返回的对象关闭,newWin = close()

 

1. BOM

1.1 location

例如:http://localhost:63342/everday_practice/basis-js/Day15/01-location.html?_ijt=a2m9ednaj68dhcqn7rlela7ka3

location用于获取当前页面的URL地址并把浏览器重定向到新的页面

href 获取完整的url地址

protocol返回当前使用的协议 http:

host表示主机 localhost:63342

hostname表示主机名localhost

port表示端口号

pathname 表示路径/everday_practice/basis-js/Day15/01-location.html

search 表示查询部分(从问号后开始的部分)_ijt=a2m9ednaj68dhcqn7rlela7ka3

方法:

• assign()表示加载新的文档

• reload() 重新加载新的文档 传递的为布尔值 true表示不从缓存中重新加载,从服务器上下载

• replace()方法不会在History对象中生成新的记录 (按回退键不会回到之前的页面)

1.2 history

属性:

• length 返回浏览器历史列表中的URL数量

方法:

• back() 加载前一个URL地址 回退

• forWord() 加载后一个URL地址 前进

• go() 传递的参数为整数,正数为前进 负数为后退 数字为几则是跳转几个

  如果数字超过了历史记录的数量,则不会有反应

1. 3 navigator

document.write("appCodeName: " + navigator.appCodeName + "<br/>");
document.write("appName: " + navigator.appName + "<br/>");
document.write("appVersion: " + navigator.appVersion + "<br/>");
document.write("systemLanguage : " + navigator.systemLanguage + "<br/>");
document.write("language: " + navigator.language + "<br/>");
document.write("onLine: " + navigator.onLine + "<br/>");
document.write("cookieEnabled : " + navigator.cookieEnabled + "<br/>");
document.write("platform: " + navigator.platform + "<br/>"); //平台
document.write("userAgent: " + navigator.userAgent + "<br/>"); //用户代理
document.write("plugins: " + navigator.plugins + "<br/>"); //插件