JavaScript如何实现页面中跳转？两种方法介绍

猿友 2021-05-31 17:21:11 浏览数 (2734)

网页开发中，经常会涉及到网页间的跳转。那么这篇文章中，w3cschool 小编来为大家介绍一下 JavaScript 如何实现页面中的跳转。

方法一：

<body>
	<input type="button" value="点击跳转" onclick="tran()">
	<script type="text/javascript">
	    function tran(){
		window.open("https://www.w3cschool.cn/");}
	</script>
</body>

上述代码中，点击按钮时会触发响应，将会打开新窗口，并跳转页面。

方法二：

<body>
	<input type="button" value="点击跳转" onclick="tran()">
	<script type="text/javascript">
	    function tran(){
		window.location.href="https://www.w3cschool.cn/";}
	</script>
</body>

该方法中，也会跳转为新页面，但不会产生新的窗口，而是在旧窗口中跳转为新页面。

以上就是文章“JavaScript 如何设置打开新窗口？两种方法介绍”的全部内容。更多 JavaScript 学习请前往 w3cschool。