admin管理员组文章数量:1621918
window对象
window,self 指向window对象本身
所有全局变量都是window对象的属性
一.窗口信息
1.innerHeight 浏览器窗口内容区域高度
2.innerWidth 浏览器窗口内容区域宽度
3.outerHeight 浏览器窗口总高度
4.outerWidth 浏览器窗口总宽度
5.pageXOffset 水平滚动过的像素数
6.pageYOffset 垂直滚动过的像素数
二.窗口交互
1.blur() 窗口失去焦点(好像没卵用)
2.focus() 窗口获取焦点(好像没卵用)
3.open(<url>) 打开窗口
4.close() 关闭窗口 (有兼容性问题,谷歌浏览器只能关闭由js创建的窗口,如window.open和a标签)
5.stop() 停止载入文档
6.print() 提示用户打印
7.scrollBy(<x>, <y>) 相对当前位置滚动
8.scrollTo(<x>, <y>) 滚动到指定位置
9.alert(<msg>) 提示框
10.confirm(<msg>) → <boolean> 确认框
11.prompt(<msg>,<val>) → <字符串> 输入框
三.跨文档消息传递
1.不同源
(1)在A窗口中获取B窗口对象,发送消息至B窗口
窗口名已存在的窗口,则不创建直接跳转
BWin = AWin.open(链接 [,窗口名,"",替换或新增条目布尔值]);
BWin.postMessage(<数据>,<接收方:协议+域名+端口>);
(2)在B窗口中监听消息事件
BWin.addEventListener("message",function(e){
e.data <数据>
e.origin <发送方:协议+域名+端口>
e.source <发送方窗口对象>
},false);
2.同源
(1)在A窗口中获取B窗口对象,B窗口对象可获取A窗口对象
BWin = AWin.open(<url>);
BWin.opener == AWin;
BWin.receive(<数据>); //可访问对方的属性方法
(2)在B窗口中创建对应方法
BWin.receive = function(<数据>) { }
四.计时器
1.setTimeout(<function>,<time>) → <id> 超时计时器
2.setInterval(<function>,<time>) → <id> 间隔计时器
3.clearTimeout(<id>) 撤销超时计时器
4.clearInterval(<id>) 撤销间隔计时器
5.requestAnimationFrame(<function>) 超时计时器,浏览器最短的间隔时间
五.编码解码
encodeURI(urlStr) 转UTF-8编码
decodeURI(urlStr) 解码encodeURI编码过的
encodeURIComponent(urlStr) 转UTF-8编码(包含特殊符号: @#$&=:/,;?+)
decodeURIComponent(urlStr) 解码encodeURIComponent编码过的
btoa(str) 转base64编码
atob(str) 解码base64编码
escape 转Unicode编码(可用,但已废弃)
unescape 解码Unicode编码(可用,但已废弃)```
版权声明:本文标题:JS对象—4.窗口对象(window) 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1728852066a1176795.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论