首页 > web前端 > js教程 > 正文

js怎么跳转到指定页面?

青灯夜游
发布: 2020-10-29 09:07:44
原创
10923 人浏览过

跳转方法:1、使用“location.href="指定页面的URL";”语句跳转;2、使用“location.replace("指定页面的URL");”语句跳转;3、使用“location.assign("指定页面的URL");”语句跳转。

js怎么跳转到指定页面?

推荐教程:《JavaScript视频教程

方法1:使用window.location.href方式进行跳转

该种方法可以直接跳转指定页面。

<script type="text/javascript">
window.location.href = "https://www.php.cn";
</script>
登录后复制

window可省略,可简写为:

location.href="URL"
登录后复制

方法2:使用window.loction.replace方式进行跳转

语法:

window.location.replace("url")
//可简写为
location.replace("url")
登录后复制

将地址替换成新 url,该方法通过指定 URL 替换当前缓存在历史里(客户端)的项目,因此当使用 replace 方法之后,你不能通过"前进"和"后退"来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!

示例

<script type="text/javascript">
window.location.replace("https://www.php.cn")
</script>
登录后复制

方法3:使用location.assign方式进行跳转

assign()方法加载一个新的文档。

语法:

location.assign(URL)
登录后复制

示例:

<script type="text/javascript">
window.location.assign("https://www.php.cn")
</script>
登录后复制

方法4:使用window.navigate方式进行跳转

语法:

window.navigate("url");
登录后复制

navigate对象包含有关浏览器的信息,也可以作为页面跳转,后面直接加要跳转的地方。

示例:

<script language="javascript">
window.navigate("b.html");
</script>
登录后复制

更多编程相关知识,请访问:编程入门!!

以上是js怎么跳转到指定页面?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板