JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法

更新時間：2017年04月17日 10:21:50 作者：捂汗縣長

這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法,涉及javascript與jQuery操作窗口元素的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法。分享給大家供大家參考，具體如下：

功能描述：父窗口有一個input，和一個button ，點(diǎn)擊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="查看已有明細(xì)" 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ù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

利用JavaScript創(chuàng)建一個兔年春節(jié)倒數(shù)計(jì)時器
這篇文章主要介紹了如何利用JavaScript創(chuàng)建一個兔年春節(jié)倒數(shù)計(jì)時器，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下
2023-01-01
微信小程序?qū)崿F(xiàn)小型計(jì)算器
這篇文章主要為大家詳細(xì)
介紹了微信小程序?qū)崿F(xiàn)小型計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-09-09
京東優(yōu)選小程序的實(shí)現(xiàn)代碼示例
這篇文章主要介紹了京東優(yōu)選小程序的實(shí)現(xiàn)代碼示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
微信小程序?qū)崿F(xiàn)簡單手寫簽名組件的方法實(shí)例
在使用微信的時候,為方便我們發(fā)送文件可以直接在上面進(jìn)行手寫簽名,這篇文章主要給大家介紹了關(guān)于利用微信小程序?qū)崿F(xiàn)簡單手寫簽名組件的相關(guān)資料,需要的朋友可以參考下
2021-07-07
echarts實(shí)現(xiàn)地圖定時切換散點(diǎn)與多圖表級聯(lián)聯(lián)動詳解
這篇文章主要給大家介紹了關(guān)于echarts實(shí)現(xiàn)地圖定時切換散點(diǎn)與多圖表級聯(lián)聯(lián)動的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-08-08
JavaScript 函數(shù)replace深入了解
在JavaScript中replace函數(shù)作為字符串替換函數(shù)，這是一個威力強(qiáng)大的字符串操作函數(shù)，對于常見字符串操作的推薦用法。這篇隨筆就來更加深入的理解它。
2013-03-03
JavaScript中統(tǒng)計(jì)Textarea字?jǐn)?shù)并提示還能輸入的字符
是在文本框中輸入文字的時候，會自動統(tǒng)計(jì)輸入的字符，并顯示用戶還能輸入的字符，其實(shí)js也可以實(shí)現(xiàn)，下面就以示例的方式為大家講解下
2014-06-06
js觸發(fā)select onchange事件的小技巧
select 或text的onchange事件需要手動改變select或text的值才能觸發(fā)，下面有個不錯的方法可以通過js觸發(fā)select onchange事件
2014-08-08
解讀input標(biāo)簽的value屬性及name屬性
這篇文章主要介紹了解讀input標(biāo)簽的value屬性，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
JavaScript函數(shù)柯里化詳解
這篇文章主要為大家介紹了JavaScript函數(shù)柯里化，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-01-01