JQuery -Aktualisierungsseite zur Browser -Größenänderung

Verwenden Sie JavaScript, um den grundlegenden Code -Snippet auf der Größe des Browsers zu aktualisieren.

// 浏览器大小调整时刷新页面
$(window).bind('resize', function(e) {
  console.log('窗口大小已调整..');
  this.location.reload(false); /* false 从缓存获取页面 */
  /* true 从服务器获取页面 */
});

Wenn window.location.reload() in Firefox nicht funktioniert, versuchen Sie Folgendes:

// 浏览器大小调整时刷新页面
$(window).bind('resize', function(e) {
  if (window.RT) clearTimeout(window.RT);
  window.RT = setTimeout(function() {
    this.location.reload(false); /* false 从缓存获取页面 */
  }, 200);
});

jQuery Seite Aktualisieren Sie FAQ (FAQ)

Wie aktualisiere ich die Seite mit JQuery bei der Größenänderung des Browsers?

Um JQuery zu verwenden, um die Seite zu aktualisieren, wenn Ihr Browser verändert wird, können Sie die Methode $(window).resize() verwenden. Diese Methode löst ein Ereignis der Größenänderung aus oder fügt eine Funktion bei, die ausgeführt wird, wenn ein Ereignis der Größe einer Größe auftritt. Hier ist ein einfacher Code -Snippet, der dies demonstriert:

$(window).resize(function() {
  location.reload();
});

In diesem Code ist $(window).resize() ein Ereignis, das beim Browserfenster abfeuert wird. Die location.reload() -Funktion wird verwendet, um die Seite zu aktualisieren.

location.reload() Welche Rolle spielt JQuery?

Die location.reload() -Funktion in jQuery wird verwendet, um die Seite zu aktualisieren oder neu zu laden. Es entspricht der Aktualisierungstaste im Browser. Wenn diese Funktion ausgeführt wird, zwingt sie den Browser, die aktuelle Seite zu aktualisieren. Die location.reload() -Funktion ist sehr nützlich, wenn Sie das aktuelle Dokument neu laden möchten, was in verschiedenen Situationen erforderlich sein kann, z.

Kann ich die Seite ohne JQuery aktualisieren?

Ja, Sie können die Seite ohne JQuery aktualisieren. JavaScript bietet eine native Möglichkeit, Seiten zu aktualisieren, d. H. window.location.reload(). Diese Methode funktioniert ähnlich wie die location.reload() -Funktion in jQuery. Hier ist ein Beispiel:

window.location.reload();

Wenn diese Codezeile ausgeführt wird, wird die aktuelle Seite aktualisiert.

Wie kann ich JQuery verwenden, um die Seite nach einem bestimmten Zeitintervall automatisch zu aktualisieren?

Um die Seite nach einem bestimmten Zeitintervall automatisch zu aktualisieren, können Sie die Funktion setTimeout() mit der Funktion location.reload() verwenden. Hier ist ein Beispiel:

setTimeout(function(){
  location.reload();
}, 5000);

In diesem Code wartet die setTimeout() -Funktion 5000 Millisekunden (oder 5 Sekunden) und führt dann die Funktion location.reload() aus, um die Seite zu aktualisieren.

Gibt es eine Möglichkeit, einen Teil der Seite mit nur jQuery zu aktualisieren?

Ja, Sie können JQuery verwenden, um nur einen Teil der Seite zu aktualisieren. Dies geschieht normalerweise mit AJAX (asynchroner JavaScript und XML). Mit AJAX können Sie einen Teil einer Webseite aktualisieren, ohne die gesamte Seite neu zu laden. Hier ist ein grundlegendes Beispiel:

$("#div1").load("demo_test.txt");

In diesem Code wird die Funktion load() verwendet, um Daten aus der Datei "Demo_test.txt" in das Element "Div1" zu laden.

Wie kann ich JQuery verwenden, um die Aktualisierung von Seiten zu verhindern?

Um JQuery zu verwenden, um die Aktualisierung von Seiten zu verhindern, können Sie die Methode event.preventDefault() verwenden. Diese Methode verhindert den Standardbetrieb des Ereignisses. Wenn Sie beispielsweise ein Formular -Einreichungsereignis haben, das die Seite aktualisiert, können Sie verhindern, dass dies folgt:

// 浏览器大小调整时刷新页面
$(window).bind('resize', function(e) {
  console.log('窗口大小已调整..');
  this.location.reload(false); /* false 从缓存获取页面 */
  /* true 从服务器获取页面 */
});

In diesem Code verhindert die event.preventDefault() -Methode, dass das Formular eingereicht wird, wodurch die Aktualisierung der Seite verhindert wird.

Kann ich die Seite aktualisieren, wenn die Schaltfläche mit JQuery geklickt wird?

Ja, Sie können die Seite aktualisieren, wenn Sie mit JQuery auf eine Schaltfläche klicken. Sie können dies tun, indem Sie das Klickenereignis an eine Schaltfläche anhängen und dann die Seite mit der Funktion location.reload() aktualisieren. Hier ist ein Beispiel:

// 浏览器大小调整时刷新页面
$(window).bind('resize', function(e) {
  if (window.RT) clearTimeout(window.RT);
  window.RT = setTimeout(function() {
    this.location.reload(false); /* false 从缓存获取页面 */
  }, 200);
});

In diesem Code wird die Seite aktualisiert, wenn die Schaltfläche mit ID "MyButton" geklickt wird.

Wie kann ich JQuery verwenden, um die Seite ohne Cache zu aktualisieren?

Um JQuery zu verwenden, um die Seite ohne Cache zu aktualisieren, können Sie die Funktion location.reload(true) verwenden. Der Parameter reload() in der Funktion true erzwingt den Browser, die Seite vom Server neu zu laden, wobei der Cache umgeht. Hier ist ein Beispiel:

$(window).resize(function() {
  location.reload();
});

Bei der Ausführung dieser Codezeile wird die aktuelle Seite vom Server aktualisiert, nicht vom Cache.

Kann ich die Seite aktualisieren, wenn ein bestimmtes Ereignis mit JQuery auftritt?

Ja, Sie können JQuery verwenden, um die Seite zu aktualisieren, wenn ein bestimmtes Ereignis auftritt. JQuery bietet verschiedene Ereignismethoden wie click(), dblclick(), keydown(), keyup(), mousedown(), mouseup(), hover(), scroll(), location.reload(),

usw. . Sie können diese Ereignisse an ein beliebiges HTML -Element anhängen und die Seite dann mit der Funktion

aktualisieren, wenn diese Ereignisse auftreten.

Wie aktualisiere ich eine Seite mit JQuery innerhalb eines bestimmten Zeitintervalls? setInterval()

Um die Seite mit JQuery innerhalb eines bestimmten Zeitintervalls zu aktualisieren, können Sie die Funktion

window.location.reload();

verwenden. Diese Funktion führt nach der angegebenen Anzahl von Millisekunden wiederholt eine Funktion aus. Hier ist ein Beispiel:

setInterval()

In diesem Code aktualisiert die Funktion die Seite alle 30.000 Millisekunden (oder 30 Sekunden).

Das obige ist der detaillierte Inhalt vonJQuery -Aktualisierungsseite zur Browser -Größenänderung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!