jsBOM对象

Posted 2020-10-12

BOM对象

全称:browserobject model（浏览器对象模型）

bom浏览器对象：

window

navigator

screen

history

location

document

1.window对象

属性：

frames//窗口数组，在谷歌中已被淘汰

opener//打开我的那个窗口

top//顶级窗口

方法：

alert();

confirm();

prompt();

setInterval();

clearInterval();

setTimeout();

clearTimeout();

(1)open

<input type="button" value="打开窗口" onclick=window.open(‘http://www.baidu.com‘)>

document.write先清空，然后再写

//打开一个新的空白页

var oNewWin=window.open(‘about:blank‘,‘_blank‘);

//向新页面中写入

oNewWin.document.write(oTxt.value);

(2)close火狐中只有用脚本开的才能用脚本关闭

2.Navigator属性

userAgent更精确的版本

nu = navigator.userAgent;
ntype
= nu.match(/chrome|firefox|trident/i);//取出的是数组
switch(ntype[0].toLowerCase()){
  case ‘chrome‘:
  break;
  case ‘firefox‘:
  break;
  case ‘trident‘:
  break;
}

3.screen屏幕对象

sw=screen.width;获取屏幕宽度

sh=screen.height;获取屏幕高度

sw=screen.availWidth;获取有效宽度

sh=screen.availHeight;获取有效高度

作用：获取屏幕分辨率在通过修改link.href的样式

4.history对象

方法：

history.back()  后退一个历史

history.forward()  前进一个历史

history.go(-1)  前进一个历史

5.location地址栏

属性

location.hash  获取地址栏中的锚点#...

location.host  获取地址栏的主机名(域名)

location.href  获取地址栏地址;

location=location.href这里是指两者输出内容是相同的

location.pathname  获取url中的路径的部分

location.protocol  获取url中的访问协议

location.search  获取url中的参数部分

方法：

location.reload()  重新加载url，即是刷新

本文出自 “Rcid” 博客，请务必保留此出处http://13419255.blog.51cto.com/13409255/1976160