JS强制刷新页面、清除缓存刷新_weixin_30485799的博客

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

清理form表单的临时缓存

<body onLoad="javascript:document.yourFormName.reset()">

jquery ajax清除浏览器缓存

方式一：用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下:

$.ajax({
     url:'www.haorooms.com',
     dataType:'json',
     data:{},
     beforeSend :function(xmlHttp){
        xmlHttp.setRequestHeader("If-Modified-Since","0");
        xmlHttp.setRequestHeader("Cache-Control","no-cache");
     success:function(response){
         //操作
     async:false
 方法二，直接用cache:false, 
  $.ajax({
    url:'www.haorooms.com',
    dataType:'json',
    data:{},
    cache:false,
    ifModified :true ,
    success:function(response){
        //操作
    async:false
 方法三：用随机数，随机数也是避免缓存的一种很不错的方法！ 
  URL 参数后加上 "?ran=" + Math.random(); //当然这里参数 ran可以任意取了 
 方法四：用随机时间，和随机数一样。 
  在 URL 参数后加上 "?timestamp=" + new Date().getTime(); 
 用php后端清理 
 在服务端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中) 
 关于缓存问题：js清除缓存 
 1、一般手动清除，浏览器缓存 
 2、js代码清除缓存（原理：增加了一个参数，且该参数是一个随机数，每次都不一样，所以每次的请求参数都不一样，服务器会将其作为一个新的请求，重新返回结果，而不会使用缓存） 
 js文件:  路径后面加一个随机数如下： 
 <script src="lib/gMarker.js?random=120211"></script> 
  css文件 <link rel='stylesheet' href='css/index.css?t=120224'>   加一个标识 强制浏览器重新加载此文件 
 图片文件： background:url(**.png?20150421) 加一个标识号，使图片不被缓存 
转载于:https://www.cnblogs.com/wangyongx/p/10278520.html
                    清理网站缓存的几种方法meta方法&lt;meta http-equiv="pragma" content="no-cache"&gt;&lt;meta http-equiv="Cache-Control" content="no-cache, must-revalidate"&gt;&lt;meta http-equiv="expires" content="0"&...
				超实用的jQuery代码段精选近350个jQuery代码段，涵盖页面开发中绝大多数要点、技巧与方法，堪称史上最实用的jQuery代码参考书，可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器，充分向读者演示了如何使用jQuery的各项技术，实现令人激动的网页效果。
《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发，对最实用的jQuery代码段进行了全方位的介绍和演示。全书分为11章，包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形图像、AJAX、算法、jQuery Mobile应用、浏览器、Cookies等jQuery技术内容，对提高网站开发人员和设计人员的jQuery技术水平有指导作用。
超实用的jQuery代码段 目录：
序1 jQuery必知必会 VIII
序2 你绝对不可能全部做对的jQuery题 XVI
序3 最流行的前端面试题 XXIII
第1章 jQuery操作网页
1.1 显示或隐藏网页内容
1.2 切换页面的显示或隐藏
1.3 实现幻灯片式的淡入淡出效果
1.4 切换页面的淡入淡出
1.5 页面的滑动隐藏
1.6 切换页面的滑动
1.7 图片的动画效果
1.8 停止动画效果
1.9 不可不知的Callback回调
1.10 提高效率的链式（Chaining）操作
1.11 在新窗口中打开链接
1.12 强制在弹出窗口中打开链接
1.13 平滑滚动页面到某个锚点
1.14 阻止文本行换行
1.15 实现iframe高度自适应
1.16 实现左右div自适应相同高度
1.17 获取鼠标在屏幕中的坐标
1.18 获取鼠标在窗口客户区中的坐标
1.19 获取鼠标在窗口页面中的坐标
1.20 设置Flash对象的WMode窗口模式
1.21 实现类Twitter的字数限制效果
1.22 提示文本的隐藏与显示
1.23 实现文字闪烁效果
1.24 实现文字动画效果
1.25 实现文字跟随鼠标移动变化的动画效果
1.26 文本域中光标的定位
1.27 实现可折叠效果
1.28 文本框内容自动缩进
1.29 禁止页面滚动的方法
1.30 页面加载后消息框居中显示
1.31 创建页面固定浮动栏的方法
第2章 jQuery操作DOM元素
2.1 如何验证某个元素是否为空
2.2 检查特定的HTML元素是否存在
2.3 判断HTML元素是否嵌套
2.4 获取当前元素的索引值
2.5 插入节点元素
2.6 复制节点元素
2.7 替换节点元素
2.8 删除节点元素
2.9 为元素绑定事件
2.10 如何从元素中除去HTML标签
2.11 如何限制文本域中字符的个数
2.12 如何选中页面上的所有复选框
2.13 禁用表单的回车键提交
2.14 禁用右键单击上下文菜单
2.15 IE下禁用文本选择功能
2.16 输入框获取焦点时文本高亮提示
2.17 实现多个输入框同步操作
2.18 在新窗口中打开外部链接
2.19 jQuery实现outerHTML属性
2.20 实现带固定表头的表格
2.21 为表单内控件设定缺省数值和文本
2.22 防止单个页面重复提交按钮
2.23 取得列表控件选中的option对象
2.24 限制输入框仅接受特殊字符的输入
2.25 禁止页面内全部超链接
2.26 实现动态组合列表框
2.27 如何使用属性过滤器
2.28 如何测试某个元素是否可见
第3章 jQuery操作HTML事件
3.1 禁止或启用输入框
3.2 实时监听输入框字符的变化
3.3 实时监听输入框值的变化
3.4 绑定鼠标右键单击事件
3.5 双击不选中文本
3.6 通过单击事件添加或解除绑定
3.7 激活整个div层的单击事件
3.8 鼠标单击实现div的选取
3.9 模拟鼠标单击事件
3.10 设定时间间隔的方法
3.11 设定时间延迟的方法
3.12 延时显示子菜单的方法
3.13 通过事件获取页面加载时间
3.14 如何为动态添加的元素绑定事件处理函数
3.15 为表格行增加单击事件
3.16 用回车键模拟Tab键
第4章 jQuery操作CSS样式
4.1 使用addClass（）函数动态添加样式类
4.2 使用removeClass（）函数动态移除样式类
4.3 使用toggleClass（）函数切换页面元素的样式类
4.4 为body增加class类支持
4.5 操作div的显示与隐藏
4.6 如何设定div始终居中显示
4.7 测试浏览器是否支持某些CSS 3属性
4.8 如何添加hover类到指定元素
4.9 基于URL地址为导航链接添加class样式
4.10 如何延迟添加class类
4.11 如何延迟清除class类
4.12 动态调整页面的字体大小
第5章 jQuery实现用户输入自动完成功能
5.1 最简单的用户输入自动完成
5.2 使用远程数据源的自动完成
5.3 带缓存的自动完成
5.4 带滚动条的自动完成
5.5 Combobox风格的自动完成
5.6 读取XML数据的自动完成
5.7 多维数据的自动完成
第6章 jQuery实现拖放功能
6.1 基本拖放功能
6.2 基于事件的拖放
6.3 限制移动范围的拖放
6.4 延迟进行的拖放
6.5 具有对齐功能的拖放
6.6 自动滚动的拖放
6.7 反转位置的拖放
6.8 使用事件监控拖曳次数
6.9 拖动时动态更改鼠标的光标类型和位置
6.10 拖曳并放置到目标容器
6.11 限制可放置的元素
6.12 实现可拖放的购物车
6.13 可排序的拖放
6.14 在多个列表之间进行拖放
6.15 使用拖动方式选择多个元素
6.16 在两个Tab标签之间进行元素拖动
6.17 拖动表格选择多行数据
6.18 拖动表格时自动选中复选框
6.19 拖动表格行并放置到目标位置
6.20 表格的拖动排序
6.21 拖动调整控件的大小
6.22 调整控件大小时设置调整约束
6.23 使用拖动的方式调整表格的宽度
6.24 设计可改变单元格宽度并可以多选的表格
第7章 jQuery操作图形图像
7.1 如何更好地处理图片法显示问题
7.2 如何显示图片直到页面加载完成
7.3 预加载显示图片的方法
7.4 Facebook风格的图片预加载
7.5 检查图片src是否有效
7.6 上下滑动的图片
7.7 淡入淡出一幅图片，进入另一幅图片
7.8 获取图片原生尺寸的方法
7.9 检查图像是否已经被完全加载
7.10 单击改变背景图案
7.11 如何显示Flickr网站的图片
7.12 如何显示Google Picasaweb的图片
7.13 按比例调整图片的大小
7.14 滑动效果的背景图片
7.15 动态表单生成图片预览
7.16 平滑滚动的导航菜单
7.17 图片的放大预览
7.18 实现平滑的图片动态缩放效果
7.19 自动适应的窗口背景
7.20 如何判断加载多张图片的完成状态
7.21 鼠标悬停时的图片放大
7.22 淡出图片，淡入另一幅图片
7.23 页面加载时随机显示图片
7.24 按顺序淡入图片显示
7.25 检测图片的URL是否有效
7.26 强制显示图片的方法
7.27 实现可拖动显示的图片
第8章 jQuery实现AJAX
8.1 动态加载外部文件
8.2 动态加载外部网页
8.3 加载网页文件内容并传递服务器端参数
8.4 使用AJAX刷新删除网页记录
8.5 使用AJAX异步验证用户名和密码
8.6 页面滚动时加载新的网页内容
8.7 打造自己的站内搜索引擎
8.8 异步加载并解析XML文件
8.9 动态加载HTML内容到标签页中
8.10 使用AJAX刷新异步提交表单
8.11 使用AJAX刷新上传图片
8.12 使用AJAX刷新验证PHP会话是否有效
8.13 在AJAX异步调用时显示加载指示器
8.14 在AJAX异步调用时处理JSON数据
8.15 解析XML数据并加载到HTML表格
8.16 jQuery AJAX错误的处理方法
8.17 在页面级创建全局的AJAX监听器以及状态指示器
8.18 级联AJAX数据异步加载
8.19 取消AJAX异步请求
第9章 jQuery常用算法
9.1 jQuery遍历算法
9.2 jQuery祖先算法
9.3 jQuery后代算法
9.4 jQuery同胞算法
9.5 jQuery过滤算法
9.6 对一个列表进行排序
9.7 实现JSN对象数组的排序
9.8 将12343778转成12.343.778的形式
9.9 模拟抽奖程序
9.10 实现冒泡算法
9.11 查询数组中特定数值
9.12 从数组中移除特定数值
9.13 根据指定正则表达式识别超链接
9.14 验证Email地址的正确性
9.15 动态统计字符个数
9.16 使用jQuery验证用户年龄
9.17 按照首字母进行元素排序
9.18 获取URL地址的Hash参数
9.19 避免多行文本溢出的算法
9.20 随机选择一个元素
9.21 替换＆bnsp；空字符的方法
9.22 序列化表单到JSON数据
9.23 获取页面加载时间
9.24 将单个句子打断显示
9.25 限制只能输入中文、英文或数字
9.26 日期类型与时间戳的转换
9.27 使用数组模拟打字效果
9.28 获取数组中特定索引的最高值
9.29 清除所有的表单内容
9.30 用jQuery删除空白标签和具有非中断空格的标签
第10章 jQuery Mobile移动开发技巧
10.1 让页面自适应屏幕宽度
10.2 在移动设备页面中创建多个显示视图
10.3 创建对话框显示效果
10.4 从外部文件中加载页面内容
10.5 为页面添加转场效果
10.6 设置全局默认的转场效果
10.7 定制显示回退按钮
10.8 在标题栏中添加导航栏
10.9 在页脚区域添加导航栏
10.10 添加可折叠的导航按钮
10.11 实现可折叠的输入表单
10.12 实现手风琴样式的折叠面板
10.13 使用网格打造简单的九宫格界面
10.14 可动态隐藏的页眉和页脚
10.15 最简单的手机相册
10.16 在列表框上添加气泡提示
10.17 在列表框上添加自定义按钮
10.18 为列表添加自定义的缩略图图标
10.19 创建列表日历的效果
10.20 动态创建listview列表项
10.21 动态加载和切换页面
10.22 在页面切换时显示加载进度框
10.23 在屏幕旋转时更改显示样式
10.24 在列表框中实现加载更多效果
10.25 自定义选择菜单
10.26 使用多个选择菜单进行组合选择
10.27 使用多选菜单选择多个值
10.28 创建双重范围的滑块
10.29 实现开关效果的选择功能
10.30 创建主题化的表单效果
第11章 其他常用代码段
11.1 判断jQuery库是否被加载
11.2 解决jQuery库冲突的方法
11.3 jQuery版本检查方法
11.4 解决jQuery版本冲突问题
11.5 如何设置IE特有的功能
11.6 判断浏览器类型并设置HTML元素内容
11.7 加载Google CDN的jQuery库
11.8 Cookies应用方法
11.9 使用cookie.js管理Cookies
11.10 让Cookies在N分钟后过期
11.11 如何删除Cookies
11.12 获取当前页面的URL并添加样式
11.13 向表格追加一行数据
11.14 获取客户端IP
11.15 向Firebug的控制面板发送消息
11.16 根据不同的屏幕大小显示不同的网页
11.17 jQuery遍历对象的属性
11.18 最优化的循环语句写法
11.19 如何构建最优化的字符串
11.20 使用jQuery产生GUID值
11.21 使用jQuery实现聚合函数
11.22 用jQuery打印网页的特定区域
11.23 禁止表单被提交
11.24 使用delay（）延迟执行动画
11.25 在网页上运行本地程序的方法
11.26 动态过滤HTML表格中的内容
11.27 使用递归函数创建文字闪烁特效
11.28 使用ID选择器加快选择的速度
11.29 在类选择器前用标签选择器加快速度
11.30 缓存jQuery对象以提升性能
11.31 使用find（）函数提升子查询的性能
11.32 使用jQuery操作DOM的限制
				欢迎使用 UWA 2.X  [?juwɑ] (Universal Website AsThis) ，是如斯(AsThis)基于 PHP 
和 MySQL 开发的通用建站系统，程序简洁、灵活而具备强大的扩展性，他将是您轻松建站的
首选利器。

UWA 功能特点:
[PFA 内核] 简洁、优雅的高质量代码具有极高的通用性和扩展性。
[档案模型] 自定义档案模型，丰富网站，便于内容扩展及二次开发。
[极速高效] 高效的动静态页面部署，数据多重缓存，网站极速访问。
[自动更新] 网站页面周期性自动更新，降低维护成本及服务器压力。
[会员中心] 会员中心及可定制的会员模型，让您的网站交互火起来。
[功能扩展] 扩展/插件/模板/模型一键安装、卸载。
[多语言支持] UTF-8 编码，语言侦测，方便快捷地开发国际性网站。
[模板引擎] 简单易用的模板引擎，界面设计方便快捷。

安装方法：
系统要求：PHP5.2+(MySQLi 扩展, 关闭安全模式), MySQL 5.0+
1. 将 upload 下所有的文件上传至网站根目录。
2. 通过浏览器访问，填写配置信息进行安装。
3. 安装完成，访问首页。
4. 删除 install 目录。
5. 管理入口 admin.php，更改入口文件名以增加网站安全性。

UWA 2.X 通用建站系统 v2.1.0 更新日志：
[增强]会员登录客户端加密
[更改]频道隐藏不在子频道列表中显示
[增强]档案和频道强制静态开关
[增强]频道权限判断方式更改
[增强]后台界面， 刷新、上下导航
[更改]修改路径常量，URL默认以/结尾, PATH默认以/开始
[增强]sphinx 支持
[增强]memcache 缓存更新
[增强]定时任务功能
[增强]档案列表属性筛选
[增强]频道静态开关，允许只静态化档案页
[修正]注册对附加表信息处理
[更改]默认关闭前台上传，关闭图片水印，后台取消上传开关限制
[增强]会员按等级控制权限
[增强]联动
[增强]清除缓存优化
[增强]后台新版本提示
[增强]自定义列表
[增强]单页静态开关独立控制，单页可按群组调用
[更改]单页命名方式更改
[增强]检查和删除重复档案
[增强]内链
[增强]代码安全检查
[增强]Tag 标签支持
[增强]后台相关文章
[增强]AImage 类 clip 图片
[增强]gzip 压缩支持
[增强]文章档案添加混淆字符串防止采集
[修正]会员过滤没有权限的模型
[更改]统一 js 变量命名
[增强]高级搜索
[修正]修复会员模型导出
[增强]专题功能
[修正]模板引擎静态生成修复
[更改]编辑自定义选项分离
[增强]自定义选项增强，添加image类型选项
[更改]默认扩展自动安装
[修正]后台频道预览链接
[修正]完善对表前缀的判断
[更改]标签向导增加默认的模块
[修正]完善扩展参数保存函数
[增强]模板在线管理/编辑及选择
[更改]默认缩略图大小
[增强]TePfa 过滤 php 标签
[增强] Session 前缀设置
[增强]UWA 标签增强，参数变量支持
[更改]后台取消 IE6，7 支持
[更改]标签预览模板恢复，防止恶意代码
[更改]搜索结果高亮关键字作为前端处理
[修正]完善后台登陆记录
[完善]会员上传提示 $_UPLOAD_TIP
[更改]完善上传，只有缩略图时不插入原始图片
[增强]会员控制器分组
[更改]完善安装空间大小检查，云空间不能检查空间大小
[增强]修复表单提交时 uploadify 是否正在上传附件判断
[增强]一键更新
[修正]修复地址拼装函数Url::U()
[增强]完善缓存清除记录，优化缓存清除过程
[修正]完善会员中心档案链接预览
[修正]完善上传类AUpload获取远程文件，重置错误
[更改]默认文章模型来源和作者可列表
[增强]菜单设置优化(快捷设置菜单)
[更改]文件浏览返回地址与上传返回地址统一
[修正]完善扩展上传日志记录
[修正]修复主机前缀关闭后管理标签切换地址切换判断
[修正]完善从内容获取缩略图函数
[增强]地址主机前缀开关：自定义地址是否显示主机名
[修正]完善上传
[修正]完善 404 提示
[更改]扩展打包增加alias
[增强]自定义允许的html标签
[完善]完善上传结果提示
[修正]修复firefox等浏览器uploadify上传SESSION_ID丢失
[修正]修复模板缓存目录错误
[更改]附加表字段为空时：不更新附加表数据
[增强]前台档案列表可显示附加表字段
[增强]优化管理角色和会员等级编辑界面
[更改]会员档案列表预览地址
[增强]M()函数增强，可指定模型路径
[更改]$_REQUEST和ARequest::get()统一
[增强]pfa 自定义部署检查开关

tab页面实现逻辑与业务系统逻辑分离，甚至取消tab，系统可以正常使用。
接口帮助手册
打开tab页面：直接使用this.$router.push();若页面已存在，则激活已存在的tab。
手动删除某路由的缓存： this.$store.commit("tab/DelCache", "xxxxx");"xxxxx"为该页面路由的name
强制刷新当前页面： this.$store.dispatch("ta
				浏览器强制刷新、清楚缓存方法清楚缓存浏览器的刷新一般分为三种
清楚缓存
按Ctrl+Shfit+Delete弹窗然后时间范围下拉框选时间不限点，默认会勾选四个，如果密码和自动填充也不要全勾选带你清楚数据即可
浏览器的刷新
一般分为三种
1、正常重新加载
F5 or Ctrl + R，在地址栏回车，点击链接。
如果缓存不过期，会使用缓存，浏览器可以避免重新下载JavaScript文件，图像，文本文件等，那么它会读取缓存信息。
				通过js代码达到与用户按下键盘上F5键相同的效果（刷新整个浏览器窗口）有两种方式：
1、window.location.href = window.location.href;
2、window.location.replace(window.location.href);
				问题：由于图片src地址没有变化，会导致浏览器误以为同样的图片，就缓存中读取缓存下来的图片地址导致无法刷新得到想要的结果
方式：改变图片src地址即可，也就是在图片地址后添加一个随机数作为参数，该参数实质上也是没有意义的
代码示例：
......
				【问题分析】
修改完 js文件中的代码后，页面刷新好几次并没有重新加载 js的文件，开始以为是文件设置没有修改成功，后来想到应该是浏览器对于 js文件的缓存机制引起的。
【解决方案】
清理浏览器的缓存
1.按“F12” 或者 右键单击页面“检查”，进入开发者模式
2.勾选上“Disable cache”禁用缓存
3.刷新页面，js文件立即重新加载
				在一些场景中，我们点击浏览器默认的返回上一页按钮，需要刷新页面重新加载数据，比如用户在购物车页面去购买后，当用户在购买后通过返回键回到购物车页面时，我们需要去掉已经购买的商品，只显示剩余未购买的商品在购物车里。或者是一个表单信息填写页，产品说填写保存成功后跳到一个新页面，并且不允许用户修改，那么当用户通过浏览器“后退”按钮返回历史页面时，一般浏览器都会直接读取缓存里的数据，哪怕是设置了页面不缓存，如下：
<meta http-equiv="Pragma" content="no-cache"&gt
				&lt;script&gt;
    document.write("&lt;s"+"cript type='text/javascript' src='../utils/getUrl.js?112"+Math.random()+"'&gt;&lt;/scr"+"ipt&gt;");
&lt;/script&gt;刷新页面，重新加载js，清除缓存拒绝304，同样的方
				通过使用 JavaScript 的 window.open() 方法可以打开新的浏览器窗口或标签页。如果要强制刷新页面，可以在 URL 后面加上 "?t=" + new Date().getTime()，这样就可以避免缓存造成的问题。
window.open('https://www.example.com?t=' + new Date().getTime(), '_blank');
这样就可以强制刷新页面。