zoukankan      html  css  js  c++  java
  • 打开自定义链接新窗口(safari JS prompt的坑!)2016.03.08

    很简单的一个小练习,但做的过程中发现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>
    
  • 相关阅读:
    【407训练】第一周总结
    [Ural1306] Sequence Median(网上很多题解骗人,这才是对的!业界良心!)
    拓扑排序
    前端知识——Django
    前端知识——jQuery、前端插件、web框架、Django
    前端知识——DOM、jQuery
    前端知识——HTML、CSS
    python整理-day13
    python整理-day12
    python整理-day11
  • 原文地址:https://www.cnblogs.com/daisykoo/p/5522333.html
Copyright © 2011-2022 走看看