【编程练习】制作新按钮，“新窗口打开网站” ，点击打开新窗口。

最新推荐文章于 2022-08-13 15:02:05 发布

lhh6171

最新推荐文章于 2022-08-13 15:02:05 发布

阅读量912

点赞数 1

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_42749000/article/details/103530872

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

任务

1、新窗口打开时弹出确认框，是否打开
提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。
2、通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
3、打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。

我的

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html";charset="utf-8" />
	<title>widow.open</title>
	<script type="text/javascript">
		function wopen()
		{
			var open=confirm("是否打开新窗口");//新窗口打开时弹出确认框，是否打开
			if (open==true)
			{
				var url=prompt("请确认网址","http://www.imooc.com/");//通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
				if (url!=null) 
				{
					window.open('http://www.imooc.com/','_blank','width=400,height=500,menubar=no,toolbar=no');//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
				}
			}
		}
	</script>
</head>
<body>
	<input type="button" name="button" onclick="wopen()" value="新窗口打开网站" />
</body>
</html>

官方参考

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浏览器对象</title>
 <script type="text/javascript">  
	function openWindon(){ 
		if(confirm("确定打开新窗口吗？")){
			var url = prompt("请输入一个网址","http://www.imooc.com/");  
			window.open( url,"_blank","toolbar=no, menubar=no, scrollbars=yes,  width=400, height=400");
		}
	}  
 </script> 

</head>

<body>
  <input type="button" value="新窗口打开网站" onclick="openWindon()" /> 
</body>
</html>