JS高程8.BOM window对象(1)
2018-06-24 00:02:22来源:未知 阅读 ()
1.全局作用域
1 var age = 14; 2 window.coloer = "pink"; 3 4 console.log(delete window.age);//false 使用var语句添加的window属性的[[Configurable]]的特性的值为false,因此不能通过delete操作符删除。 5 console.log(delete window.color);//true 6 7 console.log(window.age);//14 8 console.log(window.color);//undefined
2.关于尝试访问未声明变量
1 var newValue = oldValue;//报错:oldValue is not defined 2 3 var newValue = window.oldValue;//不会报错,是一次属性查询 4 console.log(newValue);//undefined
3.窗口位置
1 var leftPos = (typeof window.screenLeft == "number" ) ? window.screenLeft : window.screenX; 2 var topPos = (typeof window.screenTop == "number" ) ? window.screenTop : window.screenY; 3 4 console.log(leftPos,topPos);/*这里浏览器窗口位置改变,坐标也会相应的改变,在Chrome浏览器中,全屏世的坐标是(0,0)*/
4.移动窗口的位置,以下代码是在IE浏览器中测试,Chrome浏览器没有效果。
1 window.moveTo(0,0);/*每刷新一次,移动到(0,0),即屏幕左上角*/ 2 window.moveBy(0,100);/*每刷新一次,向下移动100px*/ 3 window.moveTo(200,300);/*每刷新一次,移动到(200,300)*/ 4 window.moveBy(-50,0);/*每刷新一次,向左移动50个像素*/
5.窗口大小
1 ar pageWidth = window.innerWidth, 2 pageHeight = window.innerHeight; 3 4 if(typeof pageWidth != "number"){ 5 if(document.compatMode == "CSS1Compat"){ 6 pageWidth = document.documentElement.clienWidth; 7 pageHeight = document.documentElement.clienHeight; 8 }else{ 9 pageWidth = document.body.clienWidth; 10 pageHeight = document.body.clienHeight; 11 } 12 13 } 14 console.log(pageWidth,pageHeight);
注意:将浏览器最大化,高度为984px(?除去上面标签栏的高度)
6.调整浏览器窗口,在IE浏览器中测试
1 window.resizeTo(100,100); 2 window.resizeBy(100,50);/*每刷新一次,宽度增加100px(向右),高度增加50px(向下)*/
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- js中获取当前url路径 2019-08-14
- Electron npm install 常见错误(Windows) 2019-08-14
- 关于 Safari 浏览器不支持 location [ window.location.href 2019-08-14
- window.open 防止浏览器拦截 2019-04-18
- js 阻止冒泡事件和默认事件 2019-03-13
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash