HTML+JS实现页面跳转

发布时间:2025-12-09 22:24:27 浏览次数:16

HTML+JS实现页面跳转

  • 代码
  • 关键代码解释
  • 结果展示

代码

话不多说,先上代码,该代码极其简单,可在我的GitHub中下载,链接在此

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>页面跳转</title><script>function pageJump() {window.location.assign('http://www.baidu.com');}</script></head><body><input type="button" value="页面跳转" onclick="pageJump()" /></body></html>

关键代码解释

window.location.assign(url)

该方法可以加载一个新的文档。

其中window.location.assign(url)和window.location.href=url实现功能是一样的,都是跳转到网址,只是用法稍微不同。最大的不同是,window.location.assign(url)会添加记录到浏览历史,点击后退可以返回之前页面,而window.location.href=url则不行。

结果展示


点击页面跳转按钮,该页面将跳转 ‘http://www.baidu.com’ ,结果如下所示

需要做网站?需要网络推广?欢迎咨询客户经理 13272073477