用JS控制打开新窗口

作者：andy0012020.03.10来源：Web前端之家浏览：18195评论: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>

赏您的支持是我们创作的动力！