JS控制点击跳转到指定页面，以及返回到上一页

最新推荐文章于 2025-05-31 09:35:27 发布
最新推荐文章于 2025-05-31 09:35:27 发布
阅读量6.3k 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Echo601/article/details/76922711
本文介绍如何使用JavaScript实现点击后跳转到指定页面，并详细讲解如何设置及触发函数来实现在用户操作后返回上一页的功能，对前端开发者具有实践指导意义。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

如下：

<p  onclick="javascript:location.href='xxx.html';">跳转</p>
<el-button type="primary" onclick="javascript:location.href='xxx.html';">跳转</el-button>

返回到上一级：

window.history.go(-1);  //返回上一页
window.history.back();  //返回上一页
//如果要强行刷新的话就是：
window.history.back();
location.reload();

window.location.go(-1); //刷新上一页
关于#html5#的问题：H5页面用户手机返回的时候跳转到指定页面？
**My Coding Family**
01-11 551
🏆本文收录于专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家！持续更新中，up！up！up！！
JS 控制页面跳转
未玄的博客
10-13 367
第一个方法 跳转页面;在当前页面进行跳转  location前可加 window 也可不加 location.href = "http://127.0.0.1:8080/news"; 第二个方法 跳转页面;打开新的标签页进行跳转 window.open("http://127.0.0.1:8080/news");  ...
js跳转到网站首页
gztrljh
01-07 1918
https://www.cnblogs.com/exmyth/p/7833240.html var domain = document.domain; var domain = window.location.host; 场景，比如前端页面在当前文章详情页面中，删除前给一个美丽的提示框，用户点击确定后发送ajax删除当前文章，删除成功后，返回一个json信息告诉客户端删除成功，此时客户端要处理就很尴尬了，一般我用ajax成功之后就是刷新当前页面的。因为这篇文章已经被删除了，则刷新当前页面会报错。找不到
JavaScript 实现页面跳转的方式，你了解多少呢？
最新发布
读心悦
05-31 1907
本文全面总结了JavaScript实现页面跳转的各种方法与应用场景。基础方法包括：window.location.href直接跳转、assign()语义化跳转、replace()不可后退跳转。高级技巧涵盖参数传递、延迟跳转、条件跳转三种实用场景。历史记录控制介绍了pushState()、replaceState()等SPA路由核心API。文章还提供了基于hashchange和pushState的两种SPA路由实现方案，以及localStorage跨页面通信方案。这些方法可满足从传统页面跳转到现代SPA应用的
JS点击按钮，提示确认后跳转网页,并可传递参数
weixin_34281537的博客
08-26 1726
综合参考：http://jingyan.baidu.com/article/47a29f242b180ac0142399f9.htmlhttp://blog.youkuaiyun.com/hshl1214/article/details/46744387<html> <!--http://jingyan.baidu.com/article/47a29f242b180ac...
JS实现分页功能（单选按钮、全选按钮、跳转页面）
qingdouxiaohua的博客
09-19 481
这里展现出成品的样式，接下来让我们欣赏来自代码的快乐。
使用JS跳转页面的方法
sweetser的博客
01-03 1465
在网页开发中，经常需要通过JS来实现页面跳转。本文将介绍JS跳转页面的几种常用方式。页面跳转是指在网页中从当前页面导航到另一个页面的行为。当用户点击链接、按钮或执行某些操作时，网页会加载新的内容并显示在浏览器窗口中。页面跳转可以是在同一个网站内部的不同页面之间进行，也可以是从一个网站跳转到另一个网站。页面跳转通常用于导航到新的内容页面、执行特定的操作或者打开外部链接。跳转的方式可以是在当前窗口加载新页面，也可以是在新窗口或标签页中打开新页面。
js点击返回跳转到指定页面实现过程
11-23
在JavaScript中，实现点击返回按钮跳转到指定页面的功能，主要依赖于HTML5引入的`history.pushState()`和`history.replaceState()`方法。这两个方法允许开发者动态修改浏览器的历史记录，从而控制用户点击返回按钮时...
微信小程序返回箭头跳转到指定页面实例解析
10-16
当我们想要在点击返回箭头时跳转到指定页面时，可以选择使用`wx.reLaunch`。 以下是一个简单的实例，展示如何在页面卸载时（如点击返回箭头）跳转到`order-detail`页面： ```javascript Page({ ... onUnload: ...
jQuery中Datatables增加跳转到指定页功能
10-20
在某些场景下，我们可能需要为Datatables添加自定义的功能，比如跳转到指定页面或双击行进行操作。以下将详细介绍如何实现这些功能。 首先，让我们关注如何在Datatables中增加跳转到指定页的功能。在给定的代码中，...
js 控制页面跳转的5种方法
10-26
在Web开发中，页面跳转是一个常见的功能，...以上内容详细介绍了如何使用JavaScript来控制页面跳转的五种方法以及如何实现自动跳转到其他页面的功能。开发者可以根据实际情况选择适合的跳转方法来实现页面之间的导航。
原生js实现点击“上一张”、“下一张”按钮切换图片
在热爱技术的路上一直前行。
02-26 4800
目录结构： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g
js实现页面跳转以及返回上一页
weixin_68250871的博客
09-27 848
js实现页面跳转以及返回上一页
js实现回到上一页的功能,介绍三种方法,其中一种在新开的页面中也适用
yun_master的博客
03-27 2万+
话不多说,看例子 1、history.go() 可以回到,前进任意一步的页面,回到上一页,如下所示 // 回到上一页 window.history.go(-1); // 回到下一页 window.history.go(1); // 回到任意一页 widnow.history.go(+前进几页) 2、history.back() // 回到上一页 history.back() 3、document.referer 以上两种方式,基本上大家都清楚,但是我们常常会遇到的一个场景,并不适用.比如当你的页面点
javascript location.href参数详解
岁寒松柏
09-18 9114
*.location.href 用法: 　　top.location.href=”url”       在顶层页面打开url（跳出框架） 　　self.location.href=”url”       仅在本页面打开url地址 　　parent.location.href=”url” 　 在父窗口打开Url地址 　　this.location.href=”url” 　　 用法和self的
JS 实现页面跳转的几种方法
雪崩时没有一片雪花是无辜的！
09-20 4万+
JS 实现页面跳转的几种方法 要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式： 第一种：(跳转到b.html) <script language="javascript" type="text/javascript"> window.location.href="b.html"; </script> 第二种：(返...
JavaScript中实现页面跳转的多种方法【通俗易懂】
sjs52406的博客
01-04 5248
本篇文章主要在于如何使用JavaScript中的各种实现页面跳转的方式
JS实现页面跳转的几种方法
TTong_190502的博客
07-07 5906
【代码】JS实现页面跳转的几种方法
JavaScript中实现页面跳转的七种方法
热门推荐
rr20060119的博客
10-19 4万+
【代码】 JavaScript中实现页面跳转的七种方法。
用vue实现点击浏览器返回按钮跳转到指定页面
03-30
在Vue中，可以使用Vue Router来实现点击浏览器返回按钮跳转到指定页面的功能。具体实现步骤如下： 1. 安装Vue Router 在命令行中执行以下命令安装Vue Router： ``` npm install vue-router --save ``` 2. 创建Vue Router实例 在Vue应用的入口文件（例如main.js）中创建Vue Router实例，并将其挂载到Vue实例中。 ``` import Vue from 'vue' import App from './App.vue' import router from './router' Vue.config.productionTip = false new Vue({ router, render: h => h(App), }).$mount('#app') ``` 其中，router是一个Vue Router实例，它定义了应用中的路由规则。 3. 定义路由规则 在router.js文件中定义路由规则。例如，可以定义一个路由规则，当用户访问路径为'/page1'时，跳转到Page1组件。 ``` import Vue from 'vue' import Router from 'vue-router' import Page1 from './components/Page1.vue' Vue.use(Router) export default new Router({ routes: [ { path: '/page1', name: 'Page1', component: Page1 } ] }) ``` 4. 在组件中使用$route对象 在需要使用$route对象的组件中，可以通过this.$route来访问$route对象。例如，可以在Page1组件中使用$route对象来跳转到另一个页面。 ``` <template> <div> <h1>Page 1</h1> <button @click="goToPage2">Go to Page 2</button> </div> </template> <script> export default { methods: { goToPage2() { this.$router.push('/page2') } } } </script> ``` 在这个例子中，当用户点击按钮时，会调用goToPage2方法，该方法使用this.$router.push('/page2')来跳转到路径为'/page2'的页面。 5. 在浏览器中测试 在浏览器中访问应用，并点击页面上的链接或按钮，测试是否能够正常跳转。当用户点击浏览器的返回按钮时，应该能够返回到上一个页面。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值