showModalDialog的应用

最新推荐文章于 2013-11-11 10:30:47 发布

原创最新推荐文章于 2013-11-11 10:30:47 发布 · 115 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

js 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何使用JavaScript中的`showModalDialog`函数打开一个模态对话框，并在对话框中通过按钮触发设置返回值的动作。此示例包括两个HTML文件：一个用于显示主页面并调用模态对话框，另一个作为模态对话框的内容。

t1.html

1.<html>  
2.<head></head>  
3.<script>  
4.function showpage(){   
5.    alert(showModalDialog("t2.html"));   
6.}   
7.</script>  
8.<body>  
9.<button onclick="showpage()">show page</button>  
10.</body>  
11.</html>

t2.html

1.<html>  
2.<head></head>  
3.<script>  
4.function setval(){   
5.returnValue="abc";   
6.close();   
7.}   
8.</script>  
9.<body>  
10.<button onclick="setval()">set value</button>  
11.</body>  
12.</html>