首頁  >  文章  >  web前端  >  js操作模態視窗及父子視窗間相互傳值範例_javascript技巧

js操作模態視窗及父子視窗間相互傳值範例_javascript技巧

WBOY
WBOY原創
2016-05-16 16:45:271315瀏覽

parent.hmtl

複製代碼代碼如下:

/DTD HTML 4.01 轉場//EN" "http://www.w3.org/TR/html4/loose.dtd">



父窗


window.onload=function(){
var btn=document.getElementById("btn");
btn.onclick=function(){
var obj={
test:"張三傳到子視窗",
win:window
};
var returnValue = window.showModalDialog("child.html",obj,"dialogLeft:100px;dialogTop:100pxdialogWidth:400px; :300px;ressized:yes");
if(returnValue != null){
document.getElementById("content").innerHTML = returnValue;
}
};
}
}
腳本>
頭>



身體>


child.html 代碼如下:






子視窗

window.onload=function(){
//取得url的傳參
var args = window.dialogArguments;
var win = args.win;//父視窗物件
var content= document.getElementById("content");
content.value=args.test;
var btn=document.getElementById("btn");
btn.onclick=function(){
/ /模態對話框將值
window.returnValue = content.value;
視窗.close();
}
}
腳本>
頭>


身體>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn