×

用JS控制打开新窗口

作者:andy0012020.03.10来源:Web前端之家浏览:16481评论:0
关键词:js打开新窗口

JavaScript中可以使用window对象的open方法打开新窗口。open()方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

Window 对象

Window 对象表示浏览器中打开的窗口。

如果文档包含框架(<frame> 或 <iframe> 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

open() 方法

定义和用法

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

语法

window.open(URL,name,specs,replace)

JavaScript打开一个指定网页窗口:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中文网</title>
<script>
function open_win() {
	window.open("https://www.html.cn/");
}
</script>
</head>
<body>	
<form>
<input type="button" value="打开窗口" onclick="open_win()">
</form>	
</body>
</html>

使用window.open方法打开一个空白窗口:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中文网</title>
<script>
function openWin(){
	myWindow=window.open('','','width=200,height=100');
	myWindow.document.write("<p>这是'我的窗口'</p>");
	myWindow.focus();
}
</script>
</head>
<body>
<input type="button" value="打开窗口" onclick="openWin()" />
</body>
</html>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/js823jgd39475897.html

网友评论文明上网理性发言 已有0人参与

发表评论: