Maison > Article > interface Web > javaScript et jQuery implémentent le chargement automatique

javaScript et jQuery implémentent le chargement automatique

小云云original: 2017-12-07 16:01:291342parcourir

Dans cet article, nous vous présenterons la méthode d'écriture de code la plus simple pour réaliser un chargement automatique à l'aide de javaScript et jQuery. J'espère que cela aide tout le monde.

1. Chargement automatique de JavaScript

① Utiliser onload dans le texte : exécutez onload une fois que tout le contenu (y compris les images) de la page a été chargé, comme suit :

<body onload="alert(1)"></body>          <!-- 当有一个onload -->
<body onload="alert(2);alert(3);alert(4)"></body> <!-- 当有多个onload用分号隔开,依次弹出 2 3 4 -->

②Utilisez window.onload dans le script : Exécutez window.onload une fois que tout le contenu de la page (y compris les images) a été chargé, comme suit :

window.onload = function(){...}; //正确写法，这是匿名函数

//------------↓多个window.onload的错误写法-------------
window.onload = function(){alert("text1");}; //不执行
window.onload = function(){alert("text2");}; //执行
//------------↑---------------------------------------

//------------↓多个window.onload的正确写法---------------------------
window.attachEvent("onload",function(){alert(&#39;a&#39;)});
window.attachEvent("onload",function(){alert(&#39;b&#39;)});
window.attachEvent("onload",function(){alert(&#39;c&#39;)});
//重点提示：在IE浏览器下用 (window.attachEvent)，会弹出 c b a 
//重点提示：其他浏览器下用 (window.addEventListener)，会弹出 a b c
//------------↑-----------------------------------------------------

2. jQuery se charge automatiquement

①Lorsque la structure DOM dans la page (ne contiennent des images) ) puis s'exécutent après le chargement (peut-être que les éléments associés à l'élément DOM n'ont pas été chargés. Il existe trois façons de l'écrire, comme suit :

$(document).ready(function(){...});//写法1，全称 
$(function(){...});        //写法2，简写 
jQuery(function($){...});     //写法3，简写

②Exécuter uniquement une fois que tous les éléments (y compris les images) de la page sont chargés, comme suit.

$(window).load(function() {...}); //等于JavaScript的写法，如window.onload = function(){...};

③Exécutez immédiatement la fonction anonyme. Lorsqu'une fonction anonyme est mise entre parenthèses puis suivie de parenthèses, la fonction anonyme peut être exécutée immédiatement. Il existe deux façons de l'écrire, comme suit :

(function. ( ){...})(); //Méthode d'écriture 1, pas de paramètres
(function($){...})(jQuery); //Méthode d'écriture 2, ajouter des paramètres pour éviter les conflits avec d'autres variables .

Recommandations associées :

Explication détaillée d'exemples de chargement automatique en PHP

Explication détaillée d'exemples de méthodes de chargement automatique de plusieurs classes en PHP

javascript firefox charge automatiquement l'iframe et ajuste automatiquement la hauteur et la largeur, exemple

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Analyse d'exemples de programmation dynamique d'algorithmes avancés JavaScriptArticle suivant：Analyse d'exemples de programmation dynamique d'algorithmes avancés JavaScript

Articles Liés

Voir plus