javascript操作window對象

javascript操作window對象

document.defaultView或全域變數window——擷取一個window對象；

1）擷取視窗資訊

innerHeight、innerWidth——擷取視窗內容地區的高度、寬度；

outerHeight、outerWidth——擷取視窗的高度、寬度（包含邊框和功能表列等）；

pageXOffset、pageYOffset——擷取視窗從左上方算起水平/垂直滾動過的像素數；

screen——返回一個描述螢幕的Screen對象；

screen.availHeight、screen.availWidth——螢幕上可供顯示視窗部分的高度、寬度（排除工具列和功能表列之外）；

screen.colorDepth——螢幕的色彩深度；

screen.height、screen.width——螢幕的高度、寬度；

screenLeft/screenX——擷取從視窗左邊緣到螢幕左邊緣的像素（注意瀏覽器安全色性）；

screenTop/screenY——擷取從視窗上邊緣到螢幕上邊緣的像素（注意瀏覽器安全色性）；

2）與視窗進行互動

blur()——讓視窗失去鍵盤焦點；

close()——關閉視窗（不是所有瀏覽器都允許某個指令碼關閉視窗）；

focus()——讓視窗獲得鍵盤焦點；

print()——提示使用者列印頁面；

scrollBy(,)——讓文檔相對於當前位置進行滾動；

scrollTo(,)——滾動到指定的位置；

stop()——停止載入文檔；

3）對使用者進行提示

alert()——向使用者提示一個對話方塊視窗並等候其被關閉；

confirm()——顯示一個帶有確認和取消提示的對話方塊視窗（返回一個布爾值）；

prompt(,)——顯示對話方塊提示使用者輸入一個值（返回字串）；

showModalDialog()——彈出一個視窗，顯示指定的URL;

4)history對象的屬性和方法

back()——在瀏覽曆史中後退一步；

forward()——在瀏覽曆史中前進一步；

go()——轉到相對於當前文檔的某個瀏覽曆史位置。正值是前進，負值是後退；

length——返回瀏覽曆史中的項目數量；

pushState(,

replaceState(,

state——返回瀏覽器曆史中關聯當前文檔的狀態資料；

5）使用跨文檔訊息傳遞

postMessage(,)——給另一文檔發送指定的訊息；

尋找內嵌的window:

defaultView——返回使用中文件的window;

frames——返迴文檔內嵌iframe元素的window對象數組；

opener——返回開啟當前瀏覽上下文環境的window；

parent——返回當前window的父window;

self——返回當前文檔的window；

top——返回最上層的window；

length——返迴文檔內嵌的iframe元素數量；

[]——返回指定索引位置內嵌文檔的window；

[]——返回指定名稱內嵌文檔的window；

6）使用計時器

setTimeout(,)——建立一個計時器，等待time毫秒後調用指定的函數；

clearTimeout()——撤銷某個逾時計時器；

setInterval(,)——建立一個計時器，每隔time毫秒調用指定的函數；

clearInterval()——撤銷某個時間間隔計時器；

 

outerWidth:		outerHeight:
innerWidth:		innerHeight:
screen.width:		screen.height:

scrollprintclose

alertconfirmpromptmodal dialog

backforwardgo

bananaapple

 

遠地本著“構築誠信，永續發展”的理念為客戶提供專業的理財服務、財富管理以及產品方案推薦。 遠地都進來看看撒將通過自身的專業優勢和有效資訊交流平台，為資金富裕方和資金需求方打造一個專業，誠信，共贏，睿智的服務平台， 協助客戶實現穩定、安全的財富增值，協助更多優秀的中小型企業融資成功。 遠地本著“構築誠信，永續發展”的理念為客戶提供專業的理財服務、財富管理以及產品方案推薦。 遠地都進來看看撒將通過自身的專業優勢和有效資訊交流平台，為資金富裕方和資金需求方打造一個專業，誠信，共贏，睿智的服務平台， 協助客戶實現穩定、安全的財富增值，協助更多優秀的中小型企業融資成功。 遠地本著“構築誠信，永續發展”的理念為客戶提供專業的理財服務、財富管理以及產品方案推薦。 遠地都進來看看撒將通過自身的專業優勢和有效資訊交流平台，為資金富裕方和資金需求方打造一個專業，誠信，共贏，睿智的服務平台， 協助客戶實現穩定、安全的財富增值，協助更多優秀的中小型企業融資成功。

Ready

Send Message

<iframe height="100px" name="nested" src="http://localhost:63342/IDEA-workspace/Demotest/otherdomain.html" width="90%"></iframe>

 

Set TimeClear TimeSet IntervalClear Interval

<script> //擷取視窗資訊 document.getElementById(ow).innerHTML=window.outerWidth; document.getElementById(oh).innerHTML=document.defaultView.outerHeight; document.getElementById(iw).innerHTML=window.innerWidth; document.getElementById(ih).innerHTML=window.innerHeight; document.getElementById(sw).innerHTML=window.screen.width; document.getElementById(sh).innerHTML=window.screen.height; </script><script> //與視窗進行互動 var buttons=document.getElementById(buttons1).getElementsByTagName(button); for(var i=0;iotherPage代碼：

 

 

This is the nested document<script> //監聽message事件 window.addEventListener(message,receiveMessage,false); function receiveMessage(e){ if(e.origin==http://localhost:63342){ displayMessage(e.data); }else{ displayMessage(message discarded); } } function displayMessage(msg){ document.getElementById(banner).innerHTML=msg; }</script>