Heim > Web-Frontend > js-Tutorial > js-Seitenaktualisierung, um eine normale Seite zu erreichen

js-Seitenaktualisierung, um eine normale Seite zu erreichen

高洛峰
Freigeben: 2016-10-12 11:24:10
Original
1033 Leute haben es durchsucht

Als ich mich auf die Interviewfragen vorbereitete, stieß ich auf eine Seitenaktualisierung, also habe ich sie online durchsucht und bei meinem eigenen Test mehrere Probleme festgestellt Sie:

Bereiten Sie zunächst eine Testseite vor:

<!--html代码--> 
<h1 id="test">页面刷新</h1>
<button onclick="fresh()">刷新</button
Nach dem Login kopieren
//script
var h1 = document.getElementById(&#39;test&#39;);
function test(){
     h1.style.color = "red";
     h1.innerText = "我变化了";
}
setInterval(test, 1000);
Nach dem Login kopieren

Die Vorbereitungsarbeiten sind abgeschlossen, starten Sie die Seitenaktualisierungsmethode:

  1. Fünf Methoden, die normal verwendet werden können:

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

2. Es gibt nur zwei Methoden, die im IE ausgeführt werden können :

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

3. Sehr beliebt im Internet. Leicht zu finden, aber ich persönlich halte es für eine falsche Methode:

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

Aber es gibt alternative Methoden:

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


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage