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>弄得没有效果显示