快捷導(dǎo)航

javascript 彈出的窗口返回值給父窗口具體實現(xiàn)

更新時間：2013年11月23日 17:08:14 作者：

這篇文章主要介紹了javascript 彈出的窗口返回值給父窗口具體實現(xiàn)，有需要的朋友可以參考一下

直接上代碼，有些地方可以用到：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectValue(){
    window.open("sub.html","","status:no;resizable:yes;dialogHeight:410px;dialogWidth:460px;unadorne:yes")
}
//-->
</SCRIPT>
</HEAD>

<BODY>
    text:<input type="text" name="testInput" /><br>
    <input type="button" onclick="selectValue()" value="選擇" />
</BODY>
</HTML>

sub.html頁面代碼是

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectValues(){
   var obj = document.getElementsByName("temp");
   var value = "";
   for(var i = 0 ;i < obj.length ; i ++){
        if(obj[i].checked == true)
            value += obj[i].value;
   }
   window.opener.document.all.testInput.value = value;
   window.close();
}
//-->
</SCRIPT>
</HEAD>

<BODY>
    <input type="checkbox" name="temp" value="A" />  A <br>
    <input type="checkbox" name="temp" value="B"/>  B <br>
    <input type="checkbox" name="temp" value="C" /> C <br>
    <input type="checkbox" name="temp" value="D" />  D <br>
    <input type="button" value="OK" onclick="selectValues()"/>
</BODY>
</HTML>

您可能感興趣的文章:

相關(guān)文章

webpack5新特性Asset?Modules資源模塊詳解
這篇文章主要為大家介紹了webpack5新特性Asset?Modules資源模塊詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
輕松掌握JavaScript裝飾者模式
這篇文章主要幫助大家輕松掌握JavaScript裝飾者模式，告訴大家什么是js裝飾者模式，感興趣的小伙伴們可以參考一下
2016-08-08
利用JavaScript如何查詢某個值是否數(shù)組內(nèi)
這篇文章主要給大家介紹了關(guān)于利用JavaScript如何查詢某個值是否數(shù)組內(nèi)的相關(guān)資料，文中通過示例代碼分別介紹了實現(xiàn)該問題的一些解決方法是否可行，需要的朋友可以參考借鑒，下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2017-07-07
javascript 表格左右收縮
javascript 表格左右收縮實現(xiàn)代碼。
2009-07-07
element-ui上傳一張圖片后隱藏上傳按鈕功能
這篇文章主要介紹了element-ui上傳一張圖片后隱藏上傳按鈕功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下
2019-05-05
Bootstrap源碼解讀導(dǎo)航條（7）
這篇文章主要源碼解讀了Bootstrap導(dǎo)航條，介紹了Bootstrap各式各樣的導(dǎo)航條,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
詳解用場景去理解函數(shù)柯里化(入門篇)
這篇文章主要介紹了用場景去理解函數(shù)柯里化(入門篇)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
JS實現(xiàn)網(wǎng)頁端猜數(shù)字小游戲
這篇文章主要為大家詳細介紹了JS實現(xiàn)網(wǎng)頁端猜數(shù)字小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
Javascript?原型與原型鏈深入詳解
這篇文章主要介紹了Javascript原型與原型鏈深入詳解，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下
2022-07-07
js實現(xiàn)登錄注冊框手機號和驗證碼校驗（前端部分）
這篇文章主要為大家詳細介紹了js實現(xiàn)登錄注冊框手機號和驗證碼校驗的前端部分代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-09-09