window.location.reload();history.back(-1);history.go(1);多种页面刷新跳转详解

最新推荐文章于 2024-07-11 04:17:47 发布
最新推荐文章于 2024-07-11 04:17:47 发布
阅读量1.2w 收藏 6
点赞数 7
分类专栏： JavaScript PHP 文章标签： location.reload history.back-1 history.go1 多种页面跳转详解
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/websites/article/details/36863487
版权

window.location.reload();history.back(-1);history.go(1);多种页面刷新跳转详解

go(-1): 返回上一页, 原页面表单中的内容会丢失; 

back(-1): 返回上一页, 原页表表单中的内容会保留.

<input type=button value=刷新 οnclick="window.location.reload()">
<input type=button value=前进 οnclick="window.history.go(1)"> 
<input type=button value=后退 οnclick="window.history.go(-1)">
<input type=button value=前进 οnclick="window.history.forward()"> 
<input type=button value=后退 οnclick="window.history.back()">

后退+刷新<input type=button value=后退 οnclick="window.history.go(-1);window.location.reload()">
history.back()是会上一页
i=1
history.go(i)去指定的某页
如果是history.go(0)那就是刷新这两个属于JS代码，相当于IE的前进、后退功能。
具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证，不符合要求的时候就可以用这个，可以最大限度保证用户少重复输入数据。
例如：载入页面：
function onLoadPage(){
if(event.srcElement.tagName=="SPAN"){
oFrame=top.window.middle.frames[2];
oTxt=event.srcElement.innerText;
switch(oTxt){ 
case "前 进":
oFrame.history.go(1);
case "后 退":
oFrame.history.back();
case "刷 新":
oFrame.location.reload();
}
}
}

1、用HTTP头信息：

<?php

if(isset($url))

{

header("Location: $url"); //只是跳转,所以一定要用die();或者exit;终止下一步操作;

exit;

}

?>


2、用HTML标记：

<head>

<META HTTP-EQUIV="PEFRESH" CONTENT="5; URL=<?php echo $url;?>">

</head>

或者

echo "< meta http-equiv=\\"Refresh\\" content=\\"秒数; url=跳转的文件或地址\\" > ";

其中:XX是秒数,0为立即跳转.refresh 是刷新的意思.Url 是要跳转到的页面.


3、

<script>url="submit.php";window.location.href=url;</script> 

<script>url="submit.php";window.open(\'url,\'\',\'_self\');</script>  可以限制原窗口还是父窗口,子窗口或者新窗口


4、在CI框架中可以用redirect();跳转,之后不执行下一步操作; (但是这不是php函数)


谢谢关注websites博客！

云尔Websites
关注
  • 7
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
关于window.location.replace()以及history.go()方法
weixin_41304904的博客
07-03 7542
需求 当我们从商品列表界面点击商品进入商品编辑界面后，我们点击保存按钮，再跳转回商品列表界面。但此时会有一个问题，在商品列表界面返回上一界面，会返回到商品编辑界面。而我们希望它能返回到它真正的上一级，也就是我如果在主页点击该界面，编辑商品完成后，我应该返回主界面。 模拟 定义三个界面，home.html表示主界面，index.html表示商品列表界面，index1.html表示商品编辑界面，如下： <!DOCTYPE html> <html> <head> <
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 2915
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
javascript:window.history.go(-1)什么意思啊？
weixin_33989780的博客
12-22 282
history是你浏览过的网页的url（简单的说就是网址）的集合，也就是你的浏览器里的那个历史记录。它在js里是一个内置对象，就跟document一样，它有自己的方法，go就是其中一个。 这个方法的参数是一个数字，它指定要定位的url相对当前页面url位置的下标。当前的url下标为0，所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面，也就是之前刚刚访问的...
解析window.history.go()和history.back()的妙用技巧
最新发布
weixin_40413154的博客
07-11 77
解析window.history.go()和history.back()的妙用技巧 大家好，我是微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，我们将深入研究前端开发中常用的两个历史管理方法——“window.history.go()和history.back()”。这两个方法是在浏览器中实现页面跳...
window.history.go()方法
u012028371的博客
09-12 1万+
history是你浏览过的网页的url（简单的说就是网址）的集合，也就是你的浏览器里的那个历史记录。它在js里是一个内置对象，就跟document一样，它有自己的方法，go就是其中一个。 这个方法的参数是一个数字，它指定要定位的url相对当前页面url位置的下标。当前的url下标为0，所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面，也就是之前刚刚访问的页面
window.history.back(-1);与window.go(-1);的区别
热门推荐
broccoli2的博客
06-23 3万+
history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在 history.back(1) 前进 history.back(-1) 后退 window.location.reload(); //刷新 window.history.go(1); //前进 ...
window.history.back(-1）
weixin_43123066的博客
07-06 1827
history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在 history.back(1) 前进 history.back(-1) 后退 window.location.reload(); //刷新 window.history.go(1); //前进 window.history.go(-1); //返回+刷新 window.history.
javascript-history.go()和History.back()的区分_.docx
10-09
### JavaScript中的历史对象方法详解：history.go()与history.back() #### 一、引言 在Web开发中，浏览器的历史管理是非常重要的一个环节。通过浏览器的历史记录，用户可以方便地回退到之前的页面或者前进到下一个...
js页面跳转和自动刷新
07-22
例如，对于简单的页面跳转和刷新需求，可以直接使用`window.location.href`或`window.location.reload()`；而对于更复杂的场景，如需要在不刷新整个页面的情况下更新部分内容，则可以考虑使用Ajax结合DOM操作来实现...
window对象--event对象详解
03-14
1. **location**：此属性代表当前窗口加载的URL，并提供导航到新URL的方法，如`location.href`和`location.reload()`。 2. **document**：这个属性提供了对HTML文档的访问，包括获取元素、操作DOM、解析和处理XML等...
返回上一个url并刷新界面的js代码
11-19
这里需要注意的是，使用`history.go(-1)`方法并不会刷新页面，而使用`window.location`则可以达到刷新的效果。 #### 四、特殊情况下的处理 - **单页面应用中的处理**: - 在单页面应用中，由于页面的跳转都是通过...
window.history.go()
yeonaのblog
01-06 861
<br /><input type=button value=刷新 onclick="window.location.reload()"> <input type=button value=前进 onclick="window.history.go(1)"> <input type=button value=后退 onclick="window.history.go(-1)"> <input type=button value=前进 onclick="window.history.forward()"> <
window.history.back()、window.history.go()返回上一页强制刷新
月下lk山人的博客
12-17 3442
通过history方法返回上一页时，返回的页面并不会刷新，这就造成了上一页的数据未及时更新，所以有时需要做刷新处理，如下 # 如果检测到页面是从“往返缓存”中读取的，刷新页面 window.addEventListener('pageshow', function(e) { if (e.persisted) { window.location.reload() } }) ...
window.history.go的使用
谷哥的小弟
05-13 2618
window.history.go的常见方法使用
window.history.back(-1)；与history.go(-1)；的区别
CC酱写前端的博客
10-08 590
history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在 history.back(1) 前进 history.back(-1) 后退 window.location.reload(); //刷新 window.history.go(1); //前进 window.history.go(-1); //返回+刷新 window.history.for
深度解析window.history.go()和history.back()
技术研究中心
01-18 1117
在前端开发中，和是两个用于操作浏览器历史记录的方法。它们提供了在浏览历史中前进和后退的能力，从而实现更加灵活的页面导航。通过本文的介绍，我们深入了解了前端开发中两个非常有用的历史记录管理方法——和。它们不仅可以用于简单的页面导航，还可以在实际应用中发挥更多的妙用。
window.history.go（）的使用
weixin_44090040的博客
04-30 2243
window.location.reload(); //刷新 window.history.go(1); //前进 window.history.go(-1); //返回+刷新 window.history.forward(); //前进 window.history.back(); //返回 ...
浏览器中的前进和后退代码window.history.go(-1)，history.back()
代码君的博客
02-12 8820
history.go(),history.back(),//后退一页history.forward()//前进一页window.history.go(-1)；//后退一页window.history.go(-n)；//后退n页window.history.go(1)；//前进一页window.history.go(n)；//前进n页window.history.go(0);//刷新页面上面的后退，...
window.location.href实现页面跳转和刷新
05-10
`window.location.href`属性可以实现页面跳转和刷新。 1. 页面跳转： ```javascript window.location.href = "https://www.example.com"; // 跳转到指定网址 ``` 2. 页面刷新： ```javascript window.location.href = window.location.href; // 刷新当前页面 ``` 或者可以使用以下代码： ```javascript window.location.reload(); // 刷新当前页面 ``` `window.location.reload()`方法会重新加载当前页面，如果页面是通过 POST 请求提交的，则会弹出提示框询问用户是否要重新提交 POST 数据。如果只是想简单地刷新页面而不重新提交 POST 数据，可以使用`location.replace(location.href)`方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

云尔Websites

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值