最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js页面刷新之实现普通页面

来源:动视网 责编:小采 时间:2020-11-27 20:31:54
文档

js页面刷新之实现普通页面

js页面刷新之实现普通页面:准备面试题目的时候遇到了页面刷新,就整理了一下,网上查找,大概就是八种方法,但是自己测试的时候出现了几个问题,跟大家分享:首先准备一个测试页面: 页面刷新 刷新//script var h1 = document.getElementById('test'); fu
推荐度:
导读js页面刷新之实现普通页面:准备面试题目的时候遇到了页面刷新,就整理了一下,网上查找,大概就是八种方法,但是自己测试的时候出现了几个问题,跟大家分享:首先准备一个测试页面: 页面刷新 刷新//script var h1 = document.getElementById('test'); fu


准备面试题目的时候遇到了页面刷新,就整理了一下,网上查找,大概就是八种方法,但是自己测试的时候出现了几个问题,跟大家分享:

首先准备一个测试页面:

 

页面刷新

//script
var h1 = document.getElementById('test');
function test(){
 h1.style.color = "red";
 h1.innerText = "我变化了";
}
setInterval(test, 1000);

准备工作完成,开始页面刷新方法:

  1. 可以正常使用的五种方法:

 //第一种方法
function fresh(){
 window.location.reload();//强迫浏览器刷新当前页面,默认参数为false,表示从客户端缓存里取当前页。如果指定为true,则以GET方式从服务端取最新的页面,相当于客户端点击F5。
}
 //第二种方法
 function fresh(){
 history.go(0);
}
 //第三种方法
 function fresh(){
 location = location;
 }
 //第四种方法
 function fresh(){
 location.assign(location);//assign()方法加载一个新的文档。
 }
 //第五种方法
 function fresh(){
 location.replace(location);//通过指定URL替换当前缓存在历史里(客户端)的项目,所以使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL。
 }

2.只在ie可以执行的两种方法:

 //第六种方法
 function fresh(){
 document.execCommand('Refresh');//是只有IE提供的方法,叫浏览器方法。
 }
 //第七种方法
 function fresh(){
 window.navigate(location);//只在ie可以执行,不适用于火狐等其他浏览器。
 }

3.网上很容易找到,但是个人认为是错误的一种方法:

 //错误方法
 function fresh(){
 document.URL=location.href;//错误用法,document.URL只能读不能写
 }

但是也可以有替代的方法:

//第八种方法
//window.location.href和document.location.href可以被赋值,然后跳转到其它页面
//一个窗口下只有一个window.location.href,但是可能有多个document.URL、document.location.href
function fresh(){
 document.location.href = location.href;
 //可以使用,document表示的是一个文档对象 
}
 //第九种方法(与第八种方法是一类)
 function fresh(){
 window.location.href = location.href;//可以使用,window表示的是一个窗口对象
 }

文档

js页面刷新之实现普通页面

js页面刷新之实现普通页面:准备面试题目的时候遇到了页面刷新,就整理了一下,网上查找,大概就是八种方法,但是自己测试的时候出现了几个问题,跟大家分享:首先准备一个测试页面: 页面刷新 刷新//script var h1 = document.getElementById('test'); fu
推荐度:
标签: 页面 刷新 实现
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top