Home >Web Front-end >HTML Tutorial >打开自定义链接新窗口（safari JS prompt的坑！）2016.03.08_html/css_WEB-ITnose
打开自定义链接新窗口（safari JS prompt的坑！）2016.03.08_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:17:09938browse
很简单的一个小练习，但做的过程中发现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>
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：css布局小技巧 2016.03.06_html/css_WEB-ITnoseNext article：网站无障碍的重要组成部分_html/css_WEB-ITnose