前进+后退+刷新

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    <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()">
    <input type=button value=后退 onclick="window.history.back()"> 后退+刷新<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">
</body>
</html>
时间: 2024-10-12 09:28:09

前进+后退+刷新的相关文章

浏览器后退刷新(通过浏览器按钮)

以前做了一个手机端电商的项目,其中遇到一个问题就是浏览器后退问题,为了保证数据的及时准确,需要一个浏览器后退后之后自动刷新后退到的页面,保证页面数据的准确性.(可能数据已经被下一步修改掉了). 需求如下: 1.html进行一系列操作之后跳转到2.html,当用户通过浏览器回退到1.html的时候,1.html需要自动刷新以便数据准确. 经过研究,发现可以通过cookie设置一个标志位来实现,具体原理如下: 1.html:判断标志位是否是false,如果是false不刷新,继续后边的代码,如果是t

vue 实现前进不刷新后退刷新

引言: 最近的vue单页面项目要实现一个利用页面缓存的优化, 即前进刷新页面,后退不刷新页面的功能, 并且并列的页面也要实现缓存的效果. 举例: A页面, B页面, C页面 keep-alive: 想要是页面缓存就要用到keep-alive这个标签, 把keep-aline包裹router-view就能事项页面缓存: <keep-alive> <router-view class="Router" ></router-view> </keep-

javascript中的后退和刷新

<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 val

PHP和JS页面跳转和刷新总结

PHP 页面跳转: // 只是跳转,所以一定要用die();或者exit;终止下一步操作; header('location:index.php'); exit; // 等待3秒,跳转并刷新 header('refresh:3; url=index.php'); JS 页面跳转: location.href='index.php'; // 后退+刷新(原表单的内容会丢失) location.go(-1); // 后退,不刷新(原表单的内容会保留) location.back(-1); // 刷新

js常用代码记录

1.动态key得到某对象中相对应的value js中想根据动态key得到某对象中相对应的value的方法有二: 1 var key = "name1";var value = obj[key]; 2 var key = "name1";var value = eval("obj."+key); 2.javascript:history.go()和History.back()的区别及应用 1 <input type='button' valu

javascript:history.go(-1)和javascript:history.back(-1)

javascript:history.go(-1)和javascript:history.back(-1) 转自:http://hi.baidu.com/chy0806css/item/b72344ac9aa6a73a030a4dfa go(-1): 返回上一页, 原页面表单中的内容会丢失; back(-1): 返回上一页, 原页表表单中的内容会保留. <input type=button value=刷新 onclick="window.location.reload()"&g

history.back(-1)和history.go(-1)的区别

history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面 history.Go(-1):也是返回当前页的上一页,不过表单里的数据全部还在 history.back(0) 刷新 history.back(1) 前进 history.back(-1) 后退 <input type=button value=刷新 onclick="window.location.reload()"> <input type=button value=前进 oncl

WebKit框架 浅析

摘要 WebKit是iOS8之后引入的专门负责处理网页视图的框架,其比UIWebView更加强大,性能也更优. iOS中WebKit框架应用与解析 一.引言 在iOS8之前,在应用中嵌入网页通常需要使用UIWebView这样一个类,这个类通过URL或者HTML文件来加载网页视图,功能十分有限,只能作为辅助嵌入原生应用程序中.虽然UIWebView也可以做原生与JavaScript交互的相关处理,然而也有很大的局限性,JavaScript要调用原生方法通常需要约定好协议之后通过Request来传递

百思第四天

百思第4天 *:first-child { margin-top: 0 !important; } body > *:last-child { margin-bottom: 0 !important; } a { color: #4183C4; } a.absent { color: #cc0000; } a.anchor { display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: ab