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

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();
}
}
腳本>
頭>


身體>