window物件屬性與方法
Window物件屬性
首先,透過循環遍歷出window物件的所有屬性:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>php.cn</title> <script> //循环遍历window对象的所有属性 /* for(name|index in obj|arr){ } 描述:只能循环数组的下标,或对象的属性。 说明:如果循环数组的话,每次循将取下标值。 对于数组中值为undefined的,不会循环。 循环数组,只返回有效的值。 如果循对象的话,每次循环取对象属性。 严格的来说,对象中没有方法一说,所有的都是属性。 将一个函数赋给一个属性后,这个属性就变成方法了。 */ var i = 1; for(var name in window) { document.write(i+" "+name+"<br>"); i++; } </script> </head> <body> </body> </html>
#name :指瀏覽器視窗的名字或框架的名字。這個名字是給a標記的target屬性來用的。
設定視窗的名稱:window.name = “newWin”
取得視窗的名稱:document.write (name);
top:代表最頂層視窗。如:window.top
parent:代表父級窗口,主要用於框架。
self:代表目前窗口,主要用於框架中。
innerWidth:指瀏覽器視窗的內寬(不含功能表列、工具列、網址列、狀態列),此屬性Firefox支援。
在IE下,使用document.documentElement.clientWidth 來取代window.innerWidth
#innerHeight:指瀏覽器窗品的內高(不含功能表列、工具列、網址列、狀態列),此屬性Firefox支援。
在IE下,使用 document.documentElement.clientHeight 來取代 window.innerHeight
document.documentElement 就是< ;html>標記物件
document.body 就是<body>標記物件
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>php.cn</title> <script> //实例:测试当前网页的宽度和高度 //兼容所有浏览器 var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth; var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight; //输出结果 document.write("宽度:"+width+",高度:"+height); </script> </head> <body> </body> </html>
window物件方法
alert():彈出一個警告對話框。
prompt():彈出一個輸入對話框。
confirm():彈出一個確認對話框。如果按一下「確定按鈕」返回true,如果按一下「取消」返回false。
close():關閉視窗
#print():列印視窗
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>php.cn</title> <script> function delect() { if(window.confirm("你确认要删除吗?")){ //跳转到指定删除页面执行删除操作 location.href="http://www.php.cn"; } } </script> </head> <body> <a href="#" onClick="delect()">删除</a> </body> </html>