快捷導(dǎo)航

js彈窗返回值詳解(window.open方式)

更新時(shí)間：2014年01月11日 10:48:06 作者：

本篇文章主要介紹了js彈窗返回值(window.open方式)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

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

復(fù)制代碼代碼如下:

<!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:可選項(xiàng)。字符串(String)。指定要被加載的HTML文檔的URL地址。假如無(wú)指定值，則about:blank的新窗口會(huì)被顯示。

sName:可選項(xiàng)。字符串(String)。指定打開(kāi)的窗口的名字。這個(gè)名字可以用于form或a對(duì)象的TARGET屬性。此名字也可以使用下列通用名稱:_media:IE6.0在瀏覽器左邊的媒體面板內(nèi)打開(kāi)sUrl。

_blank:在新窗口中打開(kāi)sUrl。
_parent:在當(dāng)前框架的父框架內(nèi)打開(kāi)。假如當(dāng)前框架無(wú)父框架，此參數(shù)值等同于_self。
_search:IE5.0在瀏覽器左邊的搜索面板內(nèi)打開(kāi)sUrl。
_self:sUrl在當(dāng)前窗口中打開(kāi)，覆蓋當(dāng)前文檔。
_top:在所有框架之外的最頂層窗口中打開(kāi)sUrl。假如當(dāng)前窗口無(wú)框架結(jié)構(gòu)，此參數(shù)值等同于_self。

sFeatures:可選項(xiàng)。字符串(String)。指定窗口裝飾樣式。使用下面的值。多個(gè)之間用逗號(hào)隔開(kāi)。只有當(dāng)新的瀏覽器窗口被建立時(shí)，此參數(shù)的設(shè)置才會(huì)發(fā)生作用。channelmode={yes|no|1|0}指定是否將窗口顯示為頻道模式。默認(rèn)值為no。

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

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

說(shuō)明：
打開(kāi)新窗口并載入sUrl指定的HTML文檔。默認(rèn)情況下，此方法建立的新窗口具有默認(rèn)的高度、寬度，以及菜單、工具條等。您可以使用sFeatures參數(shù)改變它們的設(shè)置。

當(dāng)sFeatures參數(shù)被指定時(shí)，沒(méi)有在參數(shù)值的列表中出現(xiàn)的裝飾樣式都會(huì)被自動(dòng)設(shè)置為no。

IE5+中允許控制打開(kāi)的窗口的標(biāo)題欄。通過(guò)在被信任的程序像Microsoft?VisualBasic或者HTML應(yīng)用程式(HTA)中打開(kāi)窗口可以關(guān)閉標(biāo)題欄。他們是可信任的因?yàn)樗麄兪褂肕icrosoft?InternetExplorer作為瀏覽器接口。

當(dāng)文檔內(nèi)的對(duì)象上的事件(event)激發(fā)的函數(shù)調(diào)用open方法時(shí)，window對(duì)象的open方法被使用。而當(dāng)文檔內(nèi)的對(duì)象上的事件(event)直接使用open方法時(shí)，document對(duì)象的open方法被使用。

您可能感興趣的文章: