不二如是 发表于 2017-10-29 09:34:28

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

本帖最后由 不二如是 于 2017-10-29 09:36 编辑

http://xxx.fishc.com/forum/201705/05/225545py2j222x5z6x55n2.png

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

不许看答案，否则打屁屁



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

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





Code：

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

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



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

代码说明（秀智商）{:10_256:} ：
**** Hidden Message *****



回顾：

技法69 (◐‿◑) 打开规定大小的窗口



源代码：



○面试题索引贴●
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛


如果喜欢，别忘了评分{:10_281:} ：

http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif

sunbocheng 发表于 2017-10-30 22:23:37

{:5_94:}

Wang_sh 发表于 2017-11-1 14:53:16

1

Ruide 发表于 2018-3-12 22:51:57

Merci.

dsa159245 发表于 2018-7-15 21:25:18

666666666666666

mhb789456 发表于 2018-7-17 08:52:16

看看答案

Romeo 发表于 2018-8-6 13:43:06

{:10_327:}

凌乱大帅比 发表于 2018-9-17 09:03:29

本帖最后由 凌乱大帅比 于 2018-9-17 09:07 编辑

showModalDialog在360、火狐、谷歌都用不了{:10_284:} {:10_284:}

a211827754 发表于 2018-9-20 11:14:14

emmm

a641743376 发表于 2019-3-8 13:09:06

???

flb123 发表于 2019-7-12 12:20:32

66666666

群里最菜的一个 发表于 2019-10-12 08:41:03

哈哈

二哈的东天 发表于 2020-5-15 10:58:11

{:9_220:}

一笙彤 发表于 2020-6-15 23:25:27

00

jack6666 发表于 2022-10-29 21:56:27

1

peanutfs13 发表于 2023-9-21 16:28:25

1
页: [1]
查看完整版本: 技法70 (◐‿◑) 打开模态窗口