window对象 · JavaScript学习

# window 对象 [TOC] ## window对象概述 >[info] window对象是BOM的核心，window对象指当前的浏览器窗口所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。 1.全局变量是window对象的属性 2.全局函数是window对象的方法甚至HTML DOM的document也是window对象的属性之一。 ## window尺寸 * window.innerWidht 浏览器窗口的内部宽度 * window.innerHeight 浏览器窗口的内部高度(不包含工具栏和滚动条的宽度) ~~~ <script> console.log( '宽度为: ' + window.innerWidth + ',高度为: ' +window.innerHeight); // 宽度为: 1920,高度为: 406 </script> ~~~ ## window方法 * window.open() 打开新窗口 * window.close() 关闭当前窗口 ~~~ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Browser-obj</title> </head> <body> <button id="btn">按钮</button> <button id="btnClose">关闭窗口按钮</button> <script> function btnClick(){ /** * 参数1 要打开的地址 * 参数2 声明了新窗口的名称 * 参数3 声明了新窗口要显示的标准浏览器的特征 * 窗口特征(http://www.w3school.com.cn/jsref/met_win_open.asp#windowfeatures) */ window.open('http://www.baidu.com','name','height=400,width=400,top=400,left=50,toolbar=yes,menubar = yes'); } var btn = document.getElementById('btn'); btn.addEventListener('click',btnClick); //　给按钮添加点击事件 var btnClose = document.getElementById('btnClose'); btnClose.addEventListener('click', function(){ window.close(); }); // Chrome提示: Scripts may close only the windows that were opened by it. </script> </body> </html> ~~~