打开新链接方式总结

最新推荐文章于 2024-07-30 14:13:50 发布

java_zhaoyanli

最新推荐文章于 2024-07-30 14:13:50 发布

阅读量703

点赞数

分类专栏： WEB-DOM

本文链接：https://blog.csdn.net/java_zhaoyanli/article/details/50958940

版权

WEB-DOM 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>打开新链接方式总结</title>
		<script>
			/*打开新链接方式总结：
1. 在当前窗口打开，可后退
2. 在当前窗口打开，不可后退
3. 在新窗口打开，可重复打开
4. 在新窗口打开，不可重复打开
*/
			function goTo1(){//替换当前窗口，可后退: 
				open("http://tmooc.cn","_self");
			}
			function goTo2(){//替换当前窗口，禁止后退:
				location.replace("http://tmooc.cn");
			}
			function goTo3(){//在新窗口打开，可打开多个
				open("http://tmooc.cn"/*,"_blank"*/);
			}
			function goTo4(){//在新窗口打开，可打开多个
				open("http://tmooc.cn","tmooc");
			}
		</script>
	</head>
	<body>
<a href="http://tmooc.cn">替换当前窗口，可后退</a><br>
<a href="javascript:goTo1()">替换当前窗口，可后退(js)</a><br>
<br>
<a href="javascript:goTo2()">替换当前窗口，禁止后退(js)</a><br>
<br>
<a href="http://tmooc.cn" target="_blank">在新窗口打开，可打开多个</a><br>
<a href="javascript:goTo3()">在新窗口打开，可打开多个(js)</a><br>
<a href="http://tmooc.cn" target="tmooc">在新窗口打开，仅能打开一个</a><br>
<a href="javascript:goTo4()">在新窗口打开，仅能打开一个(js)</a><br>
	</body>
</html>

替换当前窗口，可后退