DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js彈窗返回值詳解(window.open方式)
js彈窗返回值詳解(window.open方式)
編輯:關於JavaScript     

test.php
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="(MyZ)" />
<meta name="Copyright" content="(MyZ)" />
<meta name="description" content="" />
<meta name="keywords"content="" />
<link rel="icon" href="" type="image/x-icon" />
<link rel="shortcut icon" href="" type="image/x-icon" />
<link href="" rel="stylesheet" type="text/css" />
<title></title>
<script type="text/javascript">
<!--
function winOpen()
{
       window.open ("test2.php", "", "height=400, width=400");
}
-->
</script>
</head>
<body>
<textarea id="text1" name="text1"></textarea>
<input type="button" value="submit" name="submit" onclick="javascript:winOpen();" />
</body>
</html>
</body>
</html>

test2.php
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="(MyZ)" />
<meta name="Copyright" content="(MyZ)" />
<meta name="description" content="" />
<meta name="keywords"content="" />
<link rel="icon" href="" type="image/x-icon" />
<link rel="shortcut icon" href="" type="image/x-icon" />
<link href="" rel="stylesheet" type="text/css" />
<title></title>
<script type="text/javascript">
<!--
function winBack()
{
       if(window.opener) {
              fWindowText1 = window.opener.document.getElementById("text1");
              fWindowText1.value = fWindowText1.value + "mayongzhan";
              window.close();
       }
}
-->
</script>
</head>
<body>
<input type="button" name="back" value="back" onclick="javascript:winBack();" />
</body>
</html>

window.open詳解

window.open("sUrl","sName","sFeature","bReplace");

sUrl:可選項。字符串(String)。指定要被加載的HTML文檔的URL地址。假如無指定值,則about:blank的新窗口會被顯示。

sName:可選項。字符串(String)。指定打開的窗口的名字。這個名字可以用於form或a對象的TARGET屬性。此名字也可以使用下列通用名稱:_media:IE6.0在浏覽器左邊的媒體面板內打開sUrl。

_blank:在新窗口中打開sUrl。
_parent:在當前框架的父框架內打開。假如當前框架無父框架,此參數值等同於_self。
_search:IE5.0在浏覽器左邊的搜索面板內打開sUrl。
_self:sUrl在當前窗口中打開,覆蓋當前文檔。
_top:在所有框架之外的最頂層窗口中打開sUrl。假如當前窗口無框架結構,此參數值等同於_self。

sFeatures:可選項。字符串(String)。指定窗口裝飾樣式。使用下面的值。多個之間用逗號隔開。只有當新的浏覽器窗口被建立時,此參數的設置才會發生作用。channelmode={yes|no|1|0}指定是否將窗口顯示為頻道模式。默認值為no。

directories={yes|no|1|0}指定是否顯示「鏈接」按鈕。默認值為yes。
fullscreen={yes|no|1|0}指定是否以全屏方式顯示窗口。默認值為no。要小心使用全屏模式,因為這種模式會隱藏浏覽器窗口的標題欄和菜單。如果沒有在頁面內提供關閉窗口的功能,用戶可以使用ALT+F4快捷鍵關閉窗口。
height=number設置窗口的高度。最小值為100。
left=number設置窗口左上角相對於桌面的橫坐標。單位為像素(px)。
width=number設置窗口的寬度。最小值為100。
top=number設置窗口左上角相對於桌面的縱坐標。單位為像素(px)。
location={yes|no|1|0}設置是否顯示浏覽器窗口的地址欄。默認值為yes。
menubar={yes|no|1|0}設置是否顯示浏覽器窗口的菜單欄。默認值為yes。
resizable={yes|no|1|0}設置窗口是否允許被用戶改變尺寸。默認值為yes。
scrollbars={yes|no|1|0}設置窗口是否可以具有滾動條。默認值為yes。
status={yes|no|1|0}設置是否顯示浏覽器窗口的狀態欄。默認值為yes。
titlebar={yes|no|1|0}設置是否顯示浏覽器窗口的標題欄。除非調用程序是HTML應用程式(HTA)或被信任的對話框,否則此參數將被忽略。默認值為yes。toolbar={yes|no|1|0}設置是否顯示浏覽器窗口的工具條。默認值為yes。
bReplace:可選項。布爾值(Boolean)。false|true。false:新打開的文檔覆蓋歷史列表裡的當前文檔。true:文新打開的文檔被簡單的添加到歷史列表的最後。

返回值:
oNewWindow:對象(Element)。返回對新的window對象的引用。

說明:
打開新窗口並載入sUrl指定的HTML文檔。默認情況下,此方法建立的新窗口具有默認的高度、寬度,以及菜單、工具條等。您可以使用sFeatures參數改變它們的設置。

當sFeatures參數被指定時,沒有在參數值的列表中出現的裝飾樣式都會被自動設置為no。

IE5+中允許控制打開的窗口的標題欄。通過在被信任的程序像Microsoft?VisualBasic或者HTML應用程式(HTA)中打開窗口可以關閉標題欄。他們是可信任的因為他們使用Microsoft?InternetExplorer作為浏覽器接口。

當文檔內的對象上的事件(event)激發的函數調用open方法時,window對象的open方法被使用。而當文檔內的對象上的事件(event)直接使用open方法時,document對象的open方法被使用。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved