JQuery Refresh Page sur le navigateur redimensionner

Utilisez JavaScript pour actualiser l'extrait de code de base de la page redimensionnée du navigateur.

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

Si window.location.reload() ne fonctionne pas dans Firefox, essayez ce qui suit:

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

jQuery Page Refresh FAQ (FAQ)

Comment actualiser la page à l'aide de jQuery lors du redimensionnement du navigateur?

Pour utiliser jQuery pour actualiser la page lorsque votre navigateur est redimensionné, vous pouvez utiliser la méthode $(window).resize(). Cette méthode déclenche un événement de redimensionnement ou attache une fonction qui s'exécute lorsqu'un événement de redimensionnement se produit. Voici un extrait de code simple qui le démontre:

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

Dans ce code, $(window).resize() est un événement qui tire lorsque la fenêtre du navigateur est redimensionnée. La fonction location.reload() est utilisée pour actualiser la page.

location.reload() Quel est le rôle de jQuery?

La fonction location.reload() dans jQuery est utilisée pour rafraîchir ou recharger la page. Il est équivalent au bouton de rafraîchissement du navigateur. Lorsque cette fonction est exécutée, elle oblige le navigateur à actualiser la page actuelle. La fonction location.reload() est très utile lorsque vous souhaitez recharger le document actuel, qui peut être nécessaire dans diverses situations, telles que la mise à jour dynamique du contenu ou la rafraîchissement de la page lors de la redimensionnement du navigateur.

Puis-je actualiser la page sans utiliser jQuery?

Oui, vous pouvez actualiser la page sans utiliser jQuery. JavaScript fournit un moyen natif de rafraîchir les pages, c'est-à-dire window.location.reload(). Cette méthode fonctionne de manière similaire à la fonction location.reload() dans jQuery. Voici un exemple:

window.location.reload();

Lorsque cette ligne de code est exécutée, la page actuelle sera actualisée.

Comment utiliser jQuery pour actualiser automatiquement la page après un intervalle de temps spécifique?

Pour actualiser automatiquement la page après un intervalle de temps spécifique, vous pouvez utiliser la fonction setTimeout() avec la fonction location.reload(). Voici un exemple:

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

Dans ce code, la fonction setTimeout() attendra 5000 millisecondes (ou 5 secondes), puis il exécutera la fonction location.reload() pour actualiser la page.

Existe-t-il un moyen de rafraîchir une partie de la page en utilisant uniquement jQuery?

Oui, vous pouvez utiliser jQuery pour actualiser une partie uniquement de la page. Cela se fait généralement en utilisant AJAX (JavaScript asynchrone et XML). Avec Ajax, vous pouvez mettre à jour une partie d'une page Web sans recharger toute la page. Voici un exemple de base:

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

Dans ce code, la fonction load() est utilisée pour charger les données du fichier "Demo_test.txt" dans l'élément "div1".

Comment utiliser jQuery pour empêcher la rafraîchissement de la page?

Pour utiliser jQuery pour empêcher la rafraîchissement de la page, vous pouvez utiliser la méthode event.preventDefault(). Cette méthode empêche le fonctionnement par défaut de l'événement de se produire. Par exemple, si vous avez un événement de soumission de formulaire qui actualise la page, vous pouvez l'empêcher de se produire comme ceci:

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

Dans ce code, la méthode event.preventDefault() empêche le formulaire d'être soumis, empêchant ainsi la rafraîchissement de la page.

Puis-je actualiser la page lorsque le bouton est cliqué à l'aide de jQuery?

Oui, vous pouvez actualiser la page lorsque vous cliquez sur un bouton à l'aide de jQuery. Vous pouvez le faire en connectant l'événement Click à un bouton, puis en rafraîchissant la page avec la fonction location.reload(). Voici un exemple:

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

Dans ce code, la page sera actualisée lorsque le bouton avec ID "MyButton" est cliqué.

Comment utiliser jQuery pour actualiser la page sans utiliser de cache?

Pour utiliser jQuery pour actualiser la page sans utiliser de cache, vous pouvez utiliser la fonction location.reload(true). Le paramètre reload() dans la fonction true force le navigateur pour recharger la page du serveur, contournant le cache. Voici un exemple:

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

Lors de l'exécution de cette ligne de code, la page actuelle sera actualisée à partir du serveur, et non à partir du cache.

Puis-je actualiser la page lorsqu'un événement spécifique se produit en utilisant jQuery?

Oui, vous pouvez utiliser jQuery pour actualiser la page lorsqu'un événement spécifique se produit. jQuery fournit diverses méthodes d'événements telles que click(), dblclick(), keydown(), keyup(), mousedown(), mouseup(), hover(), scroll(), location.reload(),

, etc. . Vous pouvez attacher ces événements à n'importe quel élément HTML, puis actualiser la page avec la fonction

lorsque ces événements se produisent.

Comment actualiser une page à l'aide de jQuery dans un intervalle de temps spécifique? setInterval()

Pour actualiser la page avec jQuery dans un intervalle de temps spécifique, vous pouvez utiliser la fonction

window.location.reload();

. Cette fonction exécute une fonction à plusieurs reprises après le nombre spécifié de millisecondes. Voici un exemple:

setInterval()

Dans ce code, la fonction rafraîchit la page toutes les 30 000 millisecondes (ou 30 secondes).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!