一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

Javascript 兩個窗體之間傳值實現代碼

如我們新建窗體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函數同樣會返回一個子窗體的引用,因此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 兩個窗體之間傳值實現代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产精品成人观看视频免费 | 欧洲综合色 | 久久精品视频99精品视频150 | 久中文字幕中文字幕亚洲无线 | 日本一区二区三区久久久久 | 国产免费久久精品99久久 | 九九久久国产精品免费热6 九九久久精品 | 色欧美与xxxxx | 欧美一级做一a做片性视频 欧美一级做一级做片性十三 | 国产盗摄精品一区二区三区 | 国产91在线九色 | 日韩精品第一页 | 久久精品影院永久网址 | 久久精品94精品久久精品 | 黄色 在线 | 黄色美女网站免费看 | 亚洲高清视频一区 | 久热中文字幕在线 | 一区二区在线观看视频在线 | 91精品免费久久久久久久久 | 国产真实乱在线更新 | 亚洲成a人一区二区三区 | 91免费福利精品国产 | 一级女人毛片人一女人 | 国产乱码在线观看 | 欧美日韩国产亚洲一区二区三区 | 国产视频高清在线 | 午夜aaaa| 精品日韩在线视频一区二区三区 | 久久99国产精品久久99软件 | 日韩久久网 | 亚洲欧美日韩视频一区 | 纯毛片| 亚洲人成伊人成综合网久久久 | 色网站在线免费观看 | 美女被日视频 | 亚洲天堂图片 | 亚洲精品日韩中文字幕久久久 | 国产乱码精品一区二区三上 | 黄色在线观看视频 | a丫久久久久久一级毛片 |