亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Javascript 兩個窗體之間傳值實現(xiàn)代碼

 更新時間：2009年09月25日 14:46:45   作者：  
眾所周知window.open() 函數(shù)可以用來打開一個新窗口，那么如何在子窗體中向父窗體傳值呢，其實通過window.opener即可獲取父窗體的引用。
如我們新建窗體FatherPage.htm:
XML-Code:
復制代碼 代碼如下:

<script type="text/javascript">
function OpenChildWindow()
{
window.open('ChildPage.htm');
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="OpenChild" onclick="OpenChildWindow()" />

然后在ChildPage.htm中即可通過window.opener來訪問父窗體中的元素：
XML-Code:
復制代碼 代碼如下:

<script type="text/javascript">
function SetValue()
{
window.opener.document.getElementById('txtInput').value
=document.getElementById('txtInput').value;
window.close();
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="SetFather" onclick="SetValue()" />

其實在打開子窗體的同時，我們也可以對子窗體的元素進行賦值，因為window.open函數(shù)同樣會返回一個子窗體的引用，因此FatherPage.htm可以修改為：
XML-Code:
復制代碼 代碼如下:

<script type="text/javascript">
function OpenChildWindow()
{
var child = window.open('ChildPage.htm');
child.document.getElementById('txtInput').value
=document.getElementById('txtInput').value;
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="OpenChild" onclick="OpenChildWindow()" />

通過判斷子窗體的引用是否為空，我們還可以控制使其只能打開一個子窗體：
XML-Code:
復制代碼 代碼如下:

<script type="text/javascript">
var child
function OpenChildWindow()
{
if(!child)
child = window.open('ChildPage.htm');
child.document.getElementById('txtInput').value
=document.getElementById('txtInput').value;
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="OpenChild" onclick="OpenChildWindow()" />

光這樣還不夠，當關閉子窗體時還必須對父窗體的child變量進行清空，否則打開子窗體后再關閉就無法再重新打開了：
XML-Code:
復制代碼 代碼如下:

<body onunload="Unload()">
<script type="text/javascript">
function SetValue()
{
window.opener.document.getElementById('txtInput').value
=document.getElementById('txtInput').value;
window.close();
}
function Unload()
{
window.opener.child=null;
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="SetFather" onclick="SetValue()" />
</body>

相關文章

  • 使用 JavaScript如何獲取當月的第一天和最后一天

    使用 JavaScript如何獲取當月的第一天和最后一天

    這篇文章主要介紹了使用 JavaScript如何獲取當月的第一天和最后一天,通過本文學習了如何使用 JavaScript 中的Date.getFullYear()和?Date.getMonth()方法獲得某個特定月份的第一天和最后一天，需要的朋友可以參考下
    2023-05-05
  • Firefox下無法正常顯示年份的解決方法

    Firefox下無法正常顯示年份的解決方法

    在用Firefox上一些網(wǎng)站會看到這樣的顯示108年1月26日，而IE顯示為2008年1月26日原因是javascrīpt的兼容性問題
    2014-09-09
  • JavaScript轉換農(nóng)歷類實現(xiàn)及調(diào)用方法

    JavaScript轉換農(nóng)歷類實現(xiàn)及調(diào)用方法

    農(nóng)歷是日常生活中不可或缺的一部分，它與人類的生活息息相關，從某種程度上說，它一直伴隨著我們，今天的任務是JavaScript轉換農(nóng)歷類的實現(xiàn)，感興趣的你可以千萬不要錯過，希望本文對你有所幫助
    2013-01-01
  • 怎樣使你的 JavaScript 代碼簡單易讀（推薦）

    怎樣使你的 JavaScript 代碼簡單易讀（推薦）

    這篇文章主要介紹了怎樣使你的 JavaScript 代碼簡單易讀，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2019-04-04
  • 如何使JavaScript休眠或等待

    如何使JavaScript休眠或等待

    在本文中，我將解釋如何使用 setTimeout()，包括如何使用它來制作一個睡眠函數(shù)，使JavaScript暫停執(zhí)行并在連續(xù)的代碼行之間等待。
    2021-04-04
  • jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析

    jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析

    這篇文章主要介紹了jquery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析，本文給大家講解的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-11-11
  • 微信小程序 搜索框組件代碼實例

    微信小程序 搜索框組件代碼實例

    這篇文章主要介紹了微信小程序 搜索框組件代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-09-09
  • javascript復制粘貼與clipboardData的使用

    javascript復制粘貼與clipboardData的使用

    window.clipboardData可以實現(xiàn)復制與粘貼的操作，下面有個小示例，想學習的朋友可以參考下
    2014-10-10
  • JavaScript模塊化原理深入分析

    JavaScript模塊化原理深入分析

    JavaScript中的模塊化是指將每個js文件會被認為單獨一個的模塊。模塊之間是互相不可見的。如果一個模塊需要使用另一個模塊，那么需要通過指定語法來引入要使用的模塊，而且只能使用引入模塊所暴露的內(nèi)容
    2022-11-11
  • 利用JS判斷元素是否為數(shù)組的方法示例

    利用JS判斷元素是否為數(shù)組的方法示例

    這篇文章主要給大家介紹了關于利用JS判斷元素是否為數(shù)組的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2021-01-01

最新評論