欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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ù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

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

相關(guān)文章

  • JavaScript 模式之工廠模式(Factory)應(yīng)用介紹

    JavaScript 模式之工廠模式(Factory)應(yīng)用介紹

    工廠模式也是對象創(chuàng)建模式之一，它通常在類或類的靜態(tài)方法中去實現(xiàn),本文將詳細介紹JavaScript 工廠模式
    2012-11-11
  • uniapp實現(xiàn)橫屏簽字版

    uniapp實現(xiàn)橫屏簽字版

    這篇文章主要為大家詳細介紹了uniapp實現(xiàn)橫屏簽字版，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • 微信小程序如何實現(xiàn)精確的日期時間選擇器

    微信小程序如何實現(xiàn)精確的日期時間選擇器

    這篇文章主要介紹了微信小程序如何實現(xiàn)精確的日期時間選擇器,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-01-01
  • javascript閉包傳參和事件的循環(huán)綁定示例探討

    javascript閉包傳參和事件的循環(huán)綁定示例探討

    按常理循環(huán)綁定事件，但是得到的結(jié)果卻不是想要的，下面有個不錯的示例，可以為大家詳細分解下
    2014-04-04
  • JavaScript仿商城實現(xiàn)圖片廣告輪播實例代碼

    JavaScript仿商城實現(xiàn)圖片廣告輪播實例代碼

    大家在逛購物商城的時候不知道有沒有注意到商城首頁上面都會有各種輪播廣告，效果非常好，下面小編給大家整理特此分享給大家學(xué)習(xí)
    2016-02-02
  • Javascript Worker子線程代碼實例

    Javascript Worker子線程代碼實例

    這篇文章主要介紹了Javascript Worker子線程代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-02-02
  • JavaScript+CSS控制打印格式示例介紹

    JavaScript+CSS控制打印格式示例介紹

    用media="print"的css來控制要打印的文件，media為print的樣式，表示打印時該樣式才起作用，下面為大家詳細介紹下，感興趣的朋友不要錯過
    2014-01-01

    • 最新評論