JS_高程8.BOM window对象(1)
2024-09-30 01:42:17
1.全局作用域
var age = 14;
window.coloer = "pink"; console.log(delete window.age);//false 使用var语句添加的window属性的[[Configurable]]的特性的值为false,因此不能通过delete操作符删除。
console.log(delete window.color);//true console.log(window.age);//
console.log(window.color);//undefined
2.关于尝试访问未声明变量
var newValue = oldValue;//报错:oldValue is not defined var newValue = window.oldValue;//不会报错,是一次属性查询
console.log(newValue);//undefined
3.窗口位置
var leftPos = (typeof window.screenLeft == "number" ) ? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number" ) ? window.screenTop : window.screenY; console.log(leftPos,topPos);/*这里浏览器窗口位置改变,坐标也会相应的改变,在Chrome浏览器中,全屏世的坐标是(0,0)*/
4.移动窗口的位置,以下代码是在IE浏览器中测试,Chrome浏览器没有效果。
window.moveTo(0,0);/*每刷新一次,移动到(0,0),即屏幕左上角*/
window.moveBy(0,100);/*每刷新一次,向下移动100px*/
window.moveTo(200,300);/*每刷新一次,移动到(200,300)*/
window.moveBy(-50,0);/*每刷新一次,向左移动50个像素*/
5.窗口大小
ar pageWidth = window.innerWidth,
pageHeight = window.innerHeight; if(typeof pageWidth != "number"){
if(document.compatMode == "CSS1Compat"){
pageWidth = document.documentElement.clienWidth;
pageHeight = document.documentElement.clienHeight;
}else{
pageWidth = document.body.clienWidth;
pageHeight = document.body.clienHeight;
} }
console.log(pageWidth,pageHeight);
注意:将浏览器最大化,高度为984px(?除去上面标签栏的高度)
6.调整浏览器窗口,在IE浏览器中测试
window.resizeTo(100,100);
window.resizeBy(100,50);/*每刷新一次,宽度增加100px(向右),高度增加50px(向下)*/
最新文章
- java swing 双人五子棋源代码
- Linux资源控制-CPU和内存
- php进程占用大量cpu优化
- 一些js小知识点整理
- MediaWiki安装与配置(Ubuntu 10.4)
- 用 C# 实现一个简单的 Rest Service 供外部调用
- hdu4734 F(x)
- Android 四大组件之一(Activity)
- windows下基于sublime text3的nodejs环境搭建
- javascript第四弹——变量、作用域、内存
- iOS - OC iOS 开发体系
- Firefox和Chrome浏览器导出书签
- Java SSL/TLS Socket实现
- NSAttributedString用法
- 类和对象:继承 - 零基础入门学习Python038
- 基于Qt下移动平台第三方接入-ShareSDK(新浪微博,微信朋友圈等分享登录)
- web中关于垃圾回收的一些观点
- 出现Unreachable code问题的原因
- Python中变量和常量的理解
- SpringBoot+Angular2 开发环境搭建