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

网页开发中，经常会涉及到网页间的跳转。那么这篇文章中，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。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

方法一：

方法二：

相关文章