打开自定义链接新窗口（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>
posted @ 2016-05-24 09:35  daisykoo  阅读(1882)  评论(0)  编辑  收藏  举报