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