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

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

WBOY
Freigeben: 2016-06-24 11:17:09
Original
939 Leute haben es durchsucht

很简单的一个小练习,但做的过程中发现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>
    Nach dem Login kopieren

    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage