JavaScript—window物件使用範例_基礎知識

window物件是JavaScript瀏覽器物件模型中的頂層對象，包含多個常用方法和屬性：

1 開啟新視窗

複製程式碼

複製程式碼

複製程式碼



複製程式碼



複製程式碼

複製程式碼 程式碼如下:

window.open(pageURL,name,parameters)

其中：

其中： pageURL為子視窗路徑name為子視窗句柄parameters為視窗參數(各參數以逗號分隔)

如：

複製程式碼

程式碼如下: window.open("http://www.cnblogs.com/zhouhb/","open",'height =100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no'); 2 開啟模式視窗

複製程式碼


程式碼如下:


window.show /www.cnblogs.com/zhouhb/","open","toolbars=0;width=200;height=200");


3 關閉窗口，不彈出提示框

如果網頁不是透過腳本程式開啟的(window.open())，呼叫window.close()腳本關閉視窗前，必須先將window.opener物件置為null，否則瀏覽器(IE7、IE8)會彈出一個確定關閉的對話框。

複製程式碼 程式碼如下:

或
window.open('', '_self', '');window.close()"> 對於關閉框架視窗

複製程式碼


程式碼如下:

4 location物件使用

複製程式碼 程式碼🎜>window.location.reload();//刷新目前頁面window.location.href="http://www.cnblogs.com/zhouhb/"; //載入其他頁面

5 history物件使用




複製程式碼

程式碼如下:

程式碼如下: window.history. go(1); //前進window.history.go(-1); //後退

6 子視窗向父窗體傳值

6.1簡單方法

（1）在父窗體中開啟子窗體

複製程式碼

代碼如下: var str=window.showModalDialog("s.html"); if(str!=null) {

var v=document.getElementById("v") ; v.value =str; } （2）子窗體代碼複製代碼 程式碼如下: var v=document.getElementById("v"); window.parent.returnValue=v.value; window.parent.returnValue=v.value; window .close(); 另外，對於showModalDialog打開的窗口，也可以通過dialogArguments傳值： 父窗口代碼： 複製程式碼 程式碼如下:

子視窗程式碼：

複製代碼 代碼如下:

function updateParent()
{
var pwin=window.dialogArguments;//子視窗取得傳遞的參數
if(pwin!=undefined)
{
pwin.document.getElementById("name").value=document.getElementById("name").value;
}
}

對於showModalDialog開啟的視窗，也可以透過window.returnValue傳遞值：

主視窗:

複製程式碼 程式碼:

複製程式碼

程式碼:

alert("您的銀行卡密碼是" bankCard "n");
}

（2）開啟的視窗

複製程式碼

代碼如下:

帳號資訊:

請妥善保存你的帳號訊息，以免發生損失

帳號：

密碼：