JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法
本文實(shí)例講述了JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法。分享給大家供大家參考，具體如下：
功能描述：父窗口有一個(gè)input，和一個(gè)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錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- js jquery 獲取某一元素到瀏覽器頂端的距離實(shí)現(xiàn)方法
- JavaScript與JQUERY獲取元素的寬、高和位置
- 使用jquery/js獲取iframe父子級(jí)、同級(jí)獲取元素的方法
- JavaScript和jquery獲取父級(jí)元素、子級(jí)元素、兄弟元素的方法
- js jquery獲取當(dāng)前元素的兄弟級(jí) 上一個(gè) 下一個(gè)元素
- Js與Jq 獲取頁面元素值的方法和差異對(duì)比
- js與jquery獲取父級(jí)元素,子級(jí)元素,兄弟元素的實(shí)現(xiàn)方法
- js與jquery獲取父元素,刪除子元素的兩種不同方法
- JS和JQUERY獲取頁面大小,滾動(dòng)條位置,元素位置(示例代碼)
- 原生JS與JQ獲取元素的區(qū)別詳解
相關(guān)文章
實(shí)例詳解BootStrap的動(dòng)態(tài)模態(tài)框及靜態(tài)模態(tài)框
要用bootStrap這個(gè)框架就必須要重載它的class類,也就是說class要一樣。接下來通過實(shí)例代碼給大家介紹BootStrap的動(dòng)態(tài)模態(tài)框及靜態(tài)模態(tài)框,需要的朋友可以參考下2018-08-08
對(duì)象無length屬性時(shí)IE6/IE7中無法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike)
對(duì)象無length屬性時(shí)IE6/7中無法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike) 的解決方法，需要的朋友可以參考下。2011-07-07
JavaScript 模式之工廠模式(Factory)應(yīng)用介紹
微信小程序如何實(shí)現(xiàn)精確的日期時(shí)間選擇器
javascript閉包傳參和事件的循環(huán)綁定示例探討
JavaScript仿商城實(shí)現(xiàn)圖片廣告輪播實(shí)例代碼
