首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JavaScript BOM学习札记——window对象2

2012-11-04 
JavaScript BOM学习笔记——window对象21.窗口操作:? ? ? ? window对象对于操作浏览器窗口非常有用,开发人员

JavaScript BOM学习笔记——window对象2

1.窗口操作:

? ? ? ? window对象对于操作浏览器窗口非常有用,开发人员可以利用window对象移动或者调整浏览器窗口大小。主要操作有:

?

<html> <head>  <title> New Document </title>  <script type="text/javascript">function getIEWindowInfo() {alert("窗口位置:("+window.screenLeft+","+window.screenTop+")");alert("视口大小:("+document.body.offsetWidth+","+document.body.offsetHeight+")");}function getFFWindowInfo() {alert("窗口位置:("+window.screenX+","+window.screenY+")");alert("窗口大小:("+window.outerWidth+","+window.outerHeight+")");alert("视口大小:("+window.innerWidth+","+window.innerHeight+")");}function operWindow() {//浏览器向右移动20像素,向下移动20像素window.moveBy(20,20);//浏览器变为150像素宽,300像素高window.resizeTo(150,300);//将浏览器窗口宽度加宽150像素,高度不变window.resizeBy(150,0);//将浏览器移动到(0,0)位置window.moveTo(0,0);getIEWindowInfo();}  </script> </head> <body onload="operWindow();"> </body></html>

?这个例子在Firefox上倒是正常的。

?

尽管移动窗口和调整浏览器的位置是一件很酷的事情,但是应该尽量少用,这些会对用户的操作产生影响。

?

参考书:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。

热点排行