showModalDialog的用法:

 示例:在页面一的基础上弹出页面二,页面二的接受页面一传过来的两个参数

方法1:

页面1:

 

< script > ...
     var  openUrl = " 页面二 "
     var  openWindowSty = " dialogWidth:200px;dialogHeight:300px;status:no " ;
     var  obj = new  Object();
    obj.title = " 参数一 " ;
    obj.content = " 参数二 " ;
    winObj =  showModalDialog(openUrl, obj, openWindowSty);
</ script >

页面2:

 

< script > ...
     var  obj = window.dialogArguments;
    document.getElementById( " content " ).innerText = obj.content;
    document.getElementById( " title " ).innerText = obj.title;
</ script >

方法2:(用隐藏标签)

页面1:

 

< input type = " hidden "  id = " title " />
< input type = " hidden "  id = " content " />
< script > ...
    document.getElementById( " title " ) = " 参数一 " ;
    document.getElementById( " content " ) = " 参数二 " ;
     var  openUrl = " 页面二 "
     var  openWindowSty = " dialogWidth:200px;dialogHeight:300px;status:no " ;
    winObj =  showModalDialog(openUrl, window, openWindowSty);
</ script >

页面2:

 

< script > ...
    document.getElementById( " content " ).innerText = window.dialogArguments.getElementById( " content " );
    document.getElementById( " title " ).innerText = window.dialogArguments.getElementById( " title " );
</ script >

 

其中在方法二的页面2中的window.dialogArguments相当于页面1的document;

在这我还犯了一个小错,让我折腾了一上午,把</script>写成了<script>弄得没有效果显示