JS與jQuery實現(xiàn)子窗口獲取父窗口元素值的方法
更新時間：2017年04月17日 10:21:50 作者：捂汗縣長
這篇文章主要介紹了JS與jQuery實現(xiàn)子窗口獲取父窗口元素值的方法,涉及javascript與jQuery操作窗口元素的相關(guān)技巧,需要的朋友可以參考下
本文實例講述了JS與jQuery實現(xiàn)子窗口獲取父窗口元素值的方法。分享給大家供大家參考，具體如下：
功能描述：父窗口有一個input，和一個button ，點擊button打開子窗口，在子窗口中獲取父窗口中input的值，并顯示。
js:
父窗口：
<input type="text" name="currentProjectIDForDetail" id="currentProjectIDForDetail" disabled="disabled" />
<input type="button" onclick="window.open('showDetails.html','','toolsbar=no,menubar=no,resizable=yes,scrollbars=yes')" value="查看已有明細" id="showDetail" />
子窗口：
curproject = window.opener.document.getElementById("currentProjectIDForDetail").value;
jQuery：
父窗口：
<input type="text" name="aa" id="aa" />
<input type="button" onclick="window.open('son.html','','toolsbar=no,menubar=no,resizable=yes,scrollbars=yes')" value="send" />
子窗口：
<script>
$(function () {
temp=$("#aa",window.opener.document).val();
$("#bb").html(temp);
})
</script>
</head>
<body>
<div id="bb"></div>
結(jié)果：
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript數(shù)學運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
實例詳解BootStrap的動態(tài)模態(tài)框及靜態(tài)模態(tài)框
要用bootStrap這個框架就必須要重載它的class類,也就是說class要一樣。接下來通過實例代碼給大家介紹BootStrap的動態(tài)模態(tài)框及靜態(tài)模態(tài)框,需要的朋友可以參考下2018-08-08
對象無length屬性時IE6/IE7中無法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike)
對象無length屬性時IE6/7中無法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike) 的解決方法，需要的朋友可以參考下。2011-07-07
JavaScript 模式之工廠模式(Factory)應(yīng)用介紹
工廠模式也是對象創(chuàng)建模式之一，它通常在類或類的靜態(tài)方法中去實現(xiàn),本文將詳細介紹JavaScript 工廠模式
2012-11-11 
這篇文章主要為大家詳細介紹了uniapp實現(xiàn)橫屏簽字版，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07 
這篇文章主要介紹了微信小程序如何實現(xiàn)精確的日期時間選擇器,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-01-01 
javascript閉包傳參和事件的循環(huán)綁定示例探討
按常理循環(huán)綁定事件，但是得到的結(jié)果卻不是想要的，下面有個不錯的示例，可以為大家詳細分解下
2014-04-04 
JavaScript仿商城實現(xiàn)圖片廣告輪播實例代碼
大家在逛購物商城的時候不知道有沒有注意到商城首頁上面都會有各種輪播廣告，效果非常好，下面小編給大家整理特此分享給大家學習
2016-02-02 
這篇文章主要介紹了Javascript Worker子線程代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-02-02 
用media="print"的css來控制要打印的文件，media為print的樣式，表示打印時該樣式才起作用，下面為大家詳細介紹下，感興趣的朋友不要錯過
2014-01-01