Maison >interface Web >tutoriel HTML >打开自定义链接新窗口(safari JS prompt的坑!)2016.03.08_html/css_WEB-ITnose
很简单的一个小练习,但做的过程中发现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>