Rumah >hujung hadapan web >html tutorial >打开自定义链接新窗口（safari JS prompt的坑！）2016.03.08_html/css_WEB-ITnose
打开自定义链接新窗口（safari JS prompt的坑！）2016.03.08_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:17:09938semak imbas
很简单的一个小练习，但做的过程中发现safari的一个坑，使用prompt()方法的时候，点击取消和不输入一样，会返回空字符' '，而不是null！
要求：
制作新按钮，“新窗口打开网站” ，点击打开新窗口。
任务:
新窗口打开时弹出确认框，是否打开
提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。
打开的窗口要求，宽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>
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css布局小技巧 2016.03.06_html/css_WEB-ITnoseArtikel seterusnya：网站无障碍的重要组成部分_html/css_WEB-ITnose