javascript不同頁面?zhèn)髦档母倪M版
更新時間：2008年09月30日 00:06:47 作者：
改進點：支持同頁面有多個文本框，可自動向不同的文本框傳值。先看演示吧
其實原理也很簡單。同樣先通過getAttribute判斷type屬性，捕捉到按鈕。然后在按鈕onclick時把i通過url傳入子頁面。
<h2>input1</h2>
<input type="text" /><input type="submit" />
<h2>input2</h2>
<input type="text" /><input type="submit" />
<script type="text/javascript"><!--
var aInput = document.getElementsByTagName("input");
for (i = 0 ; i < aInput.length ; i++ )
{
(
function (i){
if (aInput[i].getAttribute("type") == "submit")
{
aInput[i].onclick = function (){
window.open('b.html?'+i,'newwindow','height=100,width=400')
}
}
}
)(i)
}
// --></script>
子頁面用slice方法對url進行切分。并使用window.opener方法捕捉到父頁面的文本框，進行賦值。 一切就OK了
<h2>openWindow</h2>
<input type="text" /><input type="submit" />
<script type="text/javascript"><!--
var aInput = document.getElementsByTagName("input");
for (i = 0 ; i < aInput.length ; i++ )
{
if (aInput[i].getAttribute("type") == "text") var textboxB = new Object(aInput[i]);
if (aInput[i].getAttribute("type") == "submit") var btnB = new Object(aInput[i]);
}
btnB.onclick = function(){
var sTextValue = textboxB.value
var aInput = window.opener.document.getElementsByTagName("input");
var sUrl = document.location;
var sNo = sUrl.toString().slice(-1)
window.opener.aInput[sNo-"1"].value = sTextValue
window.close();
}
// --></script>
復制代碼 代碼如下:
<h2>input1</h2>
<input type="text" /><input type="submit" />
<h2>input2</h2>
<input type="text" /><input type="submit" />
<script type="text/javascript"><!--
var aInput = document.getElementsByTagName("input");
for (i = 0 ; i < aInput.length ; i++ )
{
(
function (i){
if (aInput[i].getAttribute("type") == "submit")
{
aInput[i].onclick = function (){
window.open('b.html?'+i,'newwindow','height=100,width=400')
}
}
}
)(i)
}
// --></script>
子頁面用slice方法對url進行切分。并使用window.opener方法捕捉到父頁面的文本框，進行賦值。 一切就OK了
復制代碼 代碼如下:
<h2>openWindow</h2>
<input type="text" /><input type="submit" />
<script type="text/javascript"><!--
var aInput = document.getElementsByTagName("input");
for (i = 0 ; i < aInput.length ; i++ )
{
if (aInput[i].getAttribute("type") == "text") var textboxB = new Object(aInput[i]);
if (aInput[i].getAttribute("type") == "submit") var btnB = new Object(aInput[i]);
}
btnB.onclick = function(){
var sTextValue = textboxB.value
var aInput = window.opener.document.getElementsByTagName("input");
var sUrl = document.location;
var sNo = sUrl.toString().slice(-1)
window.opener.aInput[sNo-"1"].value = sTextValue
window.close();
}
// --></script>
還沒明白的朋友看一下原理圖就知道了
相關(guān)文章
JavaScript提供了一個RegExp對象來完成有關(guān)正則表達式的操作和功能，每一條正則表達式模式對應一個RegExp實例2012-11-11
javascript 數(shù)字格式化輸出的實現(xiàn)代碼
這篇文章主要是對javascript中數(shù)字格式化輸出的實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
超級簡單實現(xiàn)JavaScript MVC 樣式框架
本文給大家分享的是一則翻譯過來的，由國外友人寫的如何簡單有效的實現(xiàn)javascript MVC樣式框架，算是一個MVC的入門教程，希望大家能夠喜歡。2015-03-03
JS中的算法與數(shù)據(jù)結(jié)構(gòu)之二叉查找樹（Binary Sort Tree）實例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之二叉查找樹（Binary Sort Tree）,結(jié)合實例形式詳細分析了二叉查找樹（Binary Sort Tree）的原理、定義、遍歷、查找、插入、刪除等常見操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了js判斷非127開頭的IP地址,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
怎樣調(diào)用動態(tài)獲取的自定義對象的方法...2006-10-10
本文主要介紹了js鼠標移動時禁止選中文字的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
工作中比較實用的JavaScript驗證和數(shù)據(jù)處理的干貨(經(jīng)典)
工作中比較實用的JavaScript驗證和數(shù)據(jù)處理知識經(jīng)常會用到，下面小編通過查閱相關(guān)資料及日常記錄的知識分享到腳本之家平臺，供大家參考2016-08-08
這篇文章主要介紹了微信小程序本地存儲增加有效期的方法,這里通過一個簡單示例,展示如何設置有效期為1小時的本地存儲,首先將storage.js引入到app.js中,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2024-07-07
javascript window.confirm確認 取消對話框?qū)崿F(xiàn)代碼小結(jié)
本文章講述的三種都是基于了javascript confirm提示確認框的做法了，只是在不同的地方寫哦，有需要的同學可參考一下2012-10-10