JS history（一）返回上一页

最新推荐文章于 2023-08-24 17:15:13 发布
最新推荐文章于 2023-08-24 17:15:13 发布
阅读量1k 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yoyov/article/details/74092030
版权 
<!DOCTYPE html>
<html>
  <head>
    <title>javascript01.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
        console.log('测试history and location');

        function fn1(){
        //获取表单元素的值用value，获取其他节点的中的内容用innerHTML
            var href = document.getElementById('ipt').value;
            window.location.href = href;
        }
    </script>
  </head>

  <body>
    <a href="js06_historyBack.html">js06</a><br/>
    <a href="#" onclick="fn1()">testLocation</a><input type="text" id="ipt" />  <!-- window.location.href  的href不是一个方法不可以写在onclick=""中，是一个属性,可以通过方法来实现 -->
  </body>
</html>
「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 返回上一页和刷新 的代码
12-13
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL) 例:<a>向上一页</a>response.Write("[removed]")response.Write("if(!confirm(‘完成任务?’)){history.back();}")re
umi路由跳转页面
管他熙熙攘攘阳关道，我偏要一条独木桥走到黑
09-15 3191
跳转 // 引入router 新版本是import { history } from 'umi'; import router from 'umi/router'; // 法一 // 跳转页面/xxx/xxx/xxx，参数params, router.push('/xxx' + id`); // 或者history .push('/xxx'+id) // 法二 router.push({ pathname:'/xxx', query:{ id: 'id',
使用Umi的history向子页面传递数据
GCWsuger的博客
08-25 7620
在Umi官方文档中，给出了两种跳转页面的方式，这篇文章主要讲解使用history的方法进行跳转和传参的操作。 先给出代码 路由部分(.umirc.ts)： import { defineConfig } from 'umi'; export default defineConfig({ nodeModulesTransform: { type: 'none', }, routes: [ { path: '/', component: '@/pages/index' }, //
umi4学习 路由跳转 history useNavigate 的使用
最新发布
柠檬草的博客
08-24 1639
umi4的路由跳转去掉了query传值
umi 约定式路由 关于 history.goBack() 的奇奇怪怪问题
wt310287544的博客
04-14 2591
背景：react umi框架，约定式路由，history.type = hash。 场景：空白的浏览器路径输入 -- localhost:8000/#/font 通过font页面里逻辑跳转到http://localhost:8000/#/home localhost:8000/#/home 页面 ，然后在home页面点击history.goBack()的时候，奇奇怪怪的问题 出现了。。 奶奶个腿居然给我退到了空白页面。。我要的是返回font页面呀！ 20220414103257 ↓↓↓ font
JS(history,location的使用)返回上一页以及返回上一页并刷新
花开不合阳春暮
10-11 2万+
window.history.go(-1);//返回上一页不刷新 window.history.back(); //返回上一页 window.location.href = document.referrer;//返回上一页并刷新，真正实现页面后退并刷新页面 history.go(1);//前进一页 history.forward(); //前进一页 history.length;//用le
javascript history对象详解
John的专栏
02-24 2135
前面的话history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。由于安全方面的考虑，开发人员无法得到用户浏览器的URL，但借由用户访问过的页面列表，可以在不知道实际URL的情况下实现后退和前进。本文将详细介绍BOM中的history对象lengthhistory.length属性保存着历史记录的URL数量。初始时，该值为1。如果当前窗口先后访问了三个网址，history.length...
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 以上两种方式,基本上大家都清楚,但是我们常常会遇到的一个场景,并不适用.比如当你的页面点
JavaScriptAPI编程_History对象(获取浏览历史)
热门推荐
JiuMeilove的博客
06-21 2万+
JavaScript history 对象中包含了用户在浏览器中访问过的历史记录，其中包括通过浏览器浏览过的页面，以及当前页面中通过加载的页面。我们可以通过 window 对象中的 history 属性来获取 history 对象，由于 window 对象是一个全局对象，因此在使用window.history时可以省略 window 前缀，例如window.history.go()可以简写为history.go()。下表中列举了 JavaScript history 对象中常用的属性及其描述：示例 下表中列
React学习笔记：点击 返回功能（五）
boonyaxnn的博客
06-25 987
方法一： 路由的history对象：（前提是只对路由管理着的页面有效） 我们直接在页面中打印this.props， export default class City extends React.Component{ render(){ console.log(this.props) return( ...
JS本地刷新返回上一页代码
12-07
一、JS 重载页面，本地刷新,返回上一页 代码如下: 返回上一页 重载页面，本地刷新 返回上一页重载页面，本地刷新</a>  返回前二页并刷新的JS代码应该怎样写。 代码如下: history.go(-2); location.reload();
返回上一页并自动刷新的JavaScript代码
10-26
返回上一页并自动刷新，JavaScript一般的使用history.go(-1)和history.back()等,需要的朋友可以参考下
JS实现返回上一页并刷新页面的方法分析
12-08
本文实例讲述了JS实现返回上一页并刷新页面的方法。分享给大家供大家参考，具体如下： 正常情况下我们通过 history.back() 或者 history.go(-1) 返回上一级页面的时候，是不会刷新页面的。这种不刷新页面包含两种...
js中document.referrer实现移动端返回上一页
12-12
返回上一页，在PC端我们可以使用：history.go(-1)或者history.back()，可以正常返回第一层。这样，我们不需要上一页的 url 具体是什么，只要使用 history 一般都没啥问题。 但是在移动端，如果想要返回上一页。比如...
JS 函数transfer
yoyov的博客
07-02 2070
<!DOCTYPE html> <html> <head> <title>01_define.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page">
JS 函数length
yoyov的博客
07-02 1949
<!DOCTYPE html> <html> <head> <title>01_define.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page">
JS 设置css样式和window.onload
yoyov的博客
07-02 904
<!DOCTYPE html> <html> <head> <title>javascript01.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page">
JS history(二) 返回上一页
yoyov的博客
07-02 741
<!DOCTYPE html> <html> <head> <title>javascript01.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page">
js返回上一页,并刷新页面
06-01
您可以使用 JavaScript 中的 `history.go(-1)` 方法来返回上一页，使用 `location.reload()` 方法来刷新页面。例如： ```javascript history.go(-1); location.reload(); ``` 这将返回上一页并刷新页面。请注意，这些方法只适用于在浏览器中运行的 JavaScript，如果您是在 Node.js 等其他环境中运行 JavaScript，则需要使用其他方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值