javaScript et jQuery implémentent le chargement automatique-js tutoriel-php.cn

javaScript et jQuery implémentent le chargement automatique

小云云

Libérer： 2017-12-07 16:01:29

original

1376 Les gens l'ont consulté

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 -->

Copier après la connexion

②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
//------------↑-----------------------------------------------------

Copier après la connexion

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，简写

Copier après la connexion

②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(){...};

Copier après la connexion

③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!