继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jsBOM对象

html5零基础入门学习
关注TA
已关注
手记 246
粉丝 81
获赞 518

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先清空,然后再写

//打开一个新的空白页

varoNewWin=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,即是刷新






打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP