通常のページを実現するためのjsページの更新-jsチュートリアル-php.cn

通常のページを実現するためのjsページの更新

高洛峰

リリース： 2016-10-12 11:24:10

オリジナル

1033 人が閲覧しました

面接の質問を準備しているときに、ページが更新されたので、8 つほど方法を調べました。しかし、テストしたところ、いくつかの問題が発生しました。

まずテストページを準備します:

<!--html代码--> 
<h1 id="test">页面刷新</h1>
<button onclick="fresh()">刷新</button

ログイン後にコピー

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

ログイン後にコピー

準備作業が完了したら、ページ更新メソッドを開始します:

通常使用できる 5 つのメソッド:

 //第一种方法
function fresh(){
       window.location.reload();//强迫浏览器刷新当前页面，默认参数为false，表示从客户端缓存里取当前页。如果指定为true,则以GET方式从服务端取最新的页面,相当于客户端点击F5。
}

ログイン後にコピー

 //第二种方法
 function fresh(){
      history.go(0);
}

ログイン後にコピー

rreerree

 //第三种方法
 function fresh(){
       location = location;
 }

ログイン後にコピー

2. IE でのみ実行できる 2 つのメソッド。 :

 //第四种方法
 function fresh(){
       location.assign(location);//assign()方法加载一个新的文档。
 }

ログイン後にコピー

 //第五种方法
 function fresh(){
     location.replace(location);//通过指定URL替换当前缓存在历史里（客户端）的项目，所以使用replace方法之后，不能通过“前进”和“后退”来访问已经被替换的URL。
 }

ログイン後にコピー

3. オンラインで簡単に見つけることができますが、個人的にはこれは間違った方法だと思います:

 //第六种方法
 function fresh(){
       document.execCommand(&#39;Refresh&#39;);//是只有IE提供的方法，叫浏览器方法。
 }

ログイン後にコピー

しかし、別の方法もあります:

 //第七种方法
 function fresh(){
       window.navigate(location);//只在ie可以执行，不适用于火狐等其他浏览器。
 }

ログイン後にコピー

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

ログイン後にコピー