（day04—3）窗口打开新链接方式总结

最新推荐文章于 2025-06-04 14:11:29 发布

原创最新推荐文章于 2025-06-04 14:11:29 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#窗口 #打开新连接

DOM 专栏收录该内容

15 篇文章

订阅专栏

本文总结了网页链接的四种常见打开方式，包括在当前窗口打开（可后退）、在当前窗口打开（不可后退）、在新窗口打开（可打开多个）、在新窗口打开（只能打开一个）。通过HTML和JavaScript实现，帮助开发者理解并灵活应用不同场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>打开新链接方式总结</title>
		<script>
			/*打开新链接方式总结：
1. 在当前窗口打开，可后退
2. 在当前窗口打开，不可后退
3. 在新窗口打开，可打开多个
4. 在新窗口打开，只能打开一个
*/
function open1(){
	open("https://www.baidu.com/","_self");
}

function open3(){
	open("https://www.baidu.com/","_blank");
}

function open4(){            //自定义窗口名
	open("https://www.baidu.com/","baidu");
}
		</script>
	</head>
	<body>
		<br>
		<hr>
		<br>
		<a href="https://www.baidu.com/" target="_self"> 在当前窗口打开，可后退</a><br>
		<a href="JavaScript:open1()"> 在当前窗口打开，可后退——js
		</a>
		<br>
		<hr>
		<br>
		<a href="https://www.baidu.com/" target="_blank"> 在新窗口打开，可打开多个，不可后退</a><br>
		<a href="JavaScript:open3()"> 在新窗口打开，可打开多个，不可后退——js </a>
		<br>
		<hr>
		<br>
		<a href="https://www.baidu.com/" target="blank"> 在新窗口打开，只能打开一个，不可后退 </a><br>
		<a href="JavaScript:open4()"> 在新窗口打开，只能打开一个，不可后退——js </a>
	</body>
</html>