代码

话不多说，先上代码，该代码极其简单，可在我的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’ ，结果如下所示

HTML+JS实现页面跳转相关推荐

js实现页面跳转重定向的几种方式
转载自 js实现页面跳转重定向的几种方式这篇文章主要介绍js实现页面跳转重定向的几种方式,需要的朋友可以参考下第一种: <script language="javascript& ...
js 控制页面跳转的5种方法
js 控制页面跳转的5种方法编程式导航: 点击跳转路由,称编程式导航,用js编写代码跳转. History是bom中的History.back是回退一页Histiory.go(1)前进一页Histo ...
JS 实现页面跳转的几种方法
JS 实现页面跳转的几种方法要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种:(跳转到b.html) <script languag ...
小程序-js进行页面跳转
js进行页面跳转微信小程序跳转页面 wx.navigateTo({}): wx.navigateTo({ //保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)后续可以 ...
Jsp页面跳转和js控制页面跳转的几种方法
Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servle ...
js带参数跳转php,JS实现页面跳转参数不丢失的方法
本文实例讲述了JS实现页面跳转参数不丢失的方法.分享给大家供大家参考,具体如下: 需求:页面编辑后,返回列表页面,参数不丢失,能够记住页数以及筛选条件. 我坚信,不管白猫黑猫,能捉到耗子的就是好猫,当 ...
[HTML]js实现页面跳转,页面A跳到另一个页面B.以及页面传值(中文)
原文地址为: [HTML]js实现页面跳转,页面A跳到另一个页面B.以及页面传值(中文) 要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种: ...
html中js实现跳转,JS实现页面跳转与刷新的方法汇总
window.location(.href)="url" 其实 .href 可以省略 window.location和 window.location.href实现的效果是一样的 ...
nuxt页面跳转_Nuxt.js错误页面跳转可能出现的问题
在我们的编程开发中,需要考虑 404 .500.连接超时(服务器关闭)是非常常见的手段. 首先我们知道的两种错误跳转知识: 有2种方式处理错误页面方式1:默认路径,_.vue .(先执行) 方式2: ...
JS文件下载页面跳转出现空白页解决办法
原因文件下载出现空白页或页面跳转,是因为直接用文件地址跳转window.open或者location.href这种方式会有页面跳转的情况出现. 如果用iframe来做就可以解决这个问题实例 //传 ...

HTML+JS实现页面跳转

HTML+JS实现页面跳转

代码

关键代码解释

结果展示

HTML+JS实现页面跳转相关推荐

最新文章

热门文章