javascript彈出頁面回傳值的方法
更新時(shí)間：2015年01月28日 15:45:42 投稿：shichen2014
這篇文章主要介紹了javascript彈出頁面回傳值的方法,實(shí)例分析了由a1.html彈出的b1.html回傳值的實(shí)現(xiàn)方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了javascript彈出頁面回傳值的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
a1.html
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Window 1 </TITLE>
</HEAD>
<BODY>
<H1>Window 1</H1>
<INPUT TYPE="text" NAME="a">
<INPUT TYPE="button" ONCLICK="return test();" >
<script>
function test(){
window.open('b1.html','newwindow','height=100,width=400') ;
}
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> Window 1 </TITLE>
</HEAD>
<BODY>
<H1>Window 1</H1>
<INPUT TYPE="text" NAME="a">
<INPUT TYPE="button" ONCLICK="return test();" >
<script>
function test(){
window.open('b1.html','newwindow','height=100,width=400') ;
}
</script>
</BODY>
</HTML>
b1.html
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<H1>Window 2</H1>
<INPUT TYPE="text" NAME="b" value="11"><INPUT TYPE="submit" ONCLICK="return test();">
<script>
function test(){
var bValue = 111;
window.opener.a.value = bValue ;
window.close();
}
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<H1>Window 2</H1>
<INPUT TYPE="text" NAME="b" value="11"><INPUT TYPE="submit" ONCLICK="return test();">
<script>
function test(){
var bValue = 111;
window.opener.a.value = bValue ;
window.close();
}
</script>
</BODY>
</HTML>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js操作模態(tài)窗口及父子窗口間相互傳值示例
- javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例
- JavaScript實(shí)現(xiàn)彈出子窗口并傳值給父窗口
- JavaScript新窗口與子窗口傳值詳解
- js創(chuàng)建子窗口并且回傳值示例代碼
- JAVASCRIPT實(shí)現(xiàn)的WEB頁面跳轉(zhuǎn)以及頁面間傳值方法
- JS父頁面與子頁面相互傳值方法
- JS中Iframe之間傳值及子頁面與父頁面應(yīng)用
- JavaScript實(shí)現(xiàn)在頁面間傳值的方法
- JS簡單實(shí)現(xiàn)父子窗口傳值功能示例【未使用iframe框架】
相關(guān)文章
純JS實(shí)現(xiàn)圖片驗(yàn)證碼功能并兼容IE6-8(推薦)
這篇文章主要介紹了純JS實(shí)現(xiàn)圖片驗(yàn)證碼功能并兼容IE6-8瀏覽器,需要的朋友可以參考下2017-04-04
基于js中的存儲(chǔ)鍵值對(duì)以及注意事項(xiàng)介紹
下面小編就為大家介紹一下基于js中的存儲(chǔ)鍵值對(duì)以及注意事項(xiàng)。希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
JS與jQuery實(shí)現(xiàn)ListBox上移,下移,左移,右移操作功能示例
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)ListBox上移,下移,左移,右移操作功能,涉及javascript與jQuery的事件響應(yīng)、頁面元素動(dòng)態(tài)操作等相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了JS字符串常用操作方法,結(jié)合實(shí)例形式總結(jié)分析了javascript字符串獲取、返回、拼接、替換、搜索、計(jì)算等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細(xì)介紹了js彈出窗口的簡單實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
js實(shí)現(xiàn)簡單的點(diǎn)名器隨機(jī)色實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于js實(shí)現(xiàn)簡單的點(diǎn)名器隨機(jī)色的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
解析JavaScript中 querySelector 與 getElementById 方法的區(qū)別
這篇文章主要介紹了JavaScript中 querySelector 與 getElementById 方法的區(qū)別,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-10-10
js 創(chuàng)建對(duì)象 經(jīng)典模式全面了解
下面小編就為大家?guī)硪黄猨s 創(chuàng)建對(duì)象 經(jīng)典模式全面了解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
利用uniapp開發(fā)APP時(shí)的調(diào)試/安卓打包等詳解
uni-app??是一個(gè)使用??Vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,下面這篇文章主要給大家介紹了關(guān)于利用uniapp開發(fā)APP時(shí)的調(diào)試/安卓打包等的相關(guān)資料,需要的朋友可以參考下2022-12-12
sortable中el-table拖拽及點(diǎn)擊箭頭上下移動(dòng)row效果
這篇文章主要介紹了sortable中el-table拖拽及點(diǎn)擊箭頭上下移動(dòng)row效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-08-08