技法70 (◐‿◑) 打开模态窗口

不二如是

                               
登录/注册后可看大图

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁

---

分析：

除了像69中打开标准窗口外，还可以打开一些“神奇”的功能性窗口，例如“模态Modal”窗口，这类窗口一般是在子窗口需要与父窗口交互时使用。

        简单说是指在用户想要对对话框以外的应用程序进行操作时，必须首先对该对话框进行响应。如单击【确定】或【取消】按钮等将该对话框关闭，然后才能执行后续操作。

  

---

Code：

HTML：

1. <input id='opentChildWindow' type="button" data-href='http://www.fisc.com/' value="打开模式子窗口" />

复制代码

JS：

1. window.onload = function(){
   
2.         //打开模式子窗口=======================
   
3.         document.getElementById("opentChildWindow").onclick = function(){
   
4.             /*
   
5.              *  showModalDialog方法用来创建一个显示HTML内容的模态对话框，  object.showModalDialog(
   
6.              * '必选参数，类型：字符串。用来指定对话框要显示的文档的URL'
   
7.              * ,'可选，'
   
8.              * ,'可选')*/
   
9.             // 三个参数分别为：对话框加载的 HTML 页面的 URL、传入对话框页面的参数，控制对话框展现效果的参数
   
10.                
    
11.                 //加载同目录下的fishc.html文件
    
12.             window.showModalDialog("fishc.html");
    
13.         }
    
14.     };

复制代码

---

请按照自己的理解订正对概念的认知

代码说明（秀智商） ：

游客，如果您要查看本帖隐藏内容请回复

---

回顾：

技法69 (&#9680;&#8255;&#9681;) 打开规定大小的窗口

---

源代码： 70.zip (1.69 KB, 下载次数: 7, 售价: 5 鱼币)

2017-10-29 09:29 上传

点击文件名下载附件

---

○面试题索引贴●

如果喜欢，请订阅 ：

HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

如果喜欢，别忘了评分 ：

                               
登录/注册后可看大图

sunbocheng

Wang_sh

1

Ruide

Merci.

dsa159245

666666666666666

mhb789456

看看答案

Romeo

凌乱大帅比

showModalDialog在360、火狐、谷歌都用不了

a211827754

emmm

a641743376

???

flb123

66666666

群里最菜的一个

哈哈

二哈的东天

一笙彤

00

jack6666

1

peanutfs13

1