> 웹 프론트엔드 > HTML 튜토리얼 > 打开自定义链接新窗口(safari JS prompt的坑!)2016.03.08_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-06-24 11:17:09
원래의
958명이 탐색했습니다.

很简单的一个小练习,但做的过程中发现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>
    로그인 후 복사

    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿