Maison > interface Web > tutoriel HTML > 打开自定义链接新窗口(safari JS prompt的坑!)2016.03.08_html/css_WEB-ITnose

打开自定义链接新窗口(safari JS prompt的坑!)2016.03.08_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:17:09
original
939 Les gens l'ont consulté

很简单的一个小练习,但做的过程中发现safari的一个坑,使用prompt()方法的时候,点击取消和不输入一样,会返回空字符' ',而不是null!

要求
制作新按钮,“新窗口打开网站” ,点击打开新窗口。

任务:

  • 新窗口打开时弹出确认框,是否打开

    提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作。

  • 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/
  • 打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。

  • <!DOCTYPE html><html> <head>  <title> new document </title>    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>     <script type="text/javascript">  function openWindow() {    // 新窗口打开时弹出确认框,是否打开    var choice = confirm("是否打开新窗口?");    if (choice != true) return;            // 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/    var url = prompt('请输入需要打开窗口的网址:','http://www.imooc.com/');    //打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。    if (!!url) {        window.open(url, '_blank', 'width=400, height=500, menubar=no, toolbar=no');     };};     </script>  </head>  <body>       <input type="button" value="新窗口打开网站" onclick="openWindow()" />  </body></html>
    Copier après la connexion

    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal