So implementieren Sie das automatische Laden von Bildern mit js und jquery (Code im Anhang)-js-Tutorial-php.cn

So implementieren Sie das automatische Laden von Bildern mit js und jquery (Code im Anhang)

php中世界最好的语言

Freigeben： 2018-04-14 13:59:35

Original

1653 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie das automatische Laden von Bildern mit js und jquery implementieren (mit Code). Was sind die Vorsichtsmaßnahmen für das automatische Laden von Bildern mit js und jquery? . Hier ist der eigentliche Kampf. Schauen wir uns den Fall an.

1. JavaScriptAutomatisches Laden

① Onload im Text verwenden: Führen Sie onload wie folgt aus, nachdem der gesamte Inhalt (einschließlich Bilder) auf der Seite geladen wurde:

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

Nach dem Login kopieren

②Verwenden Sie window.onload im Skript: Führen Sie window.onload aus, nachdem der gesamte Inhalt der Seite (einschließlich Bilder) wie folgt geladen wurde:

window.onload = function(){...}; //正确写法，这是匿名函数
//------------↓多个window.onload的错误写法-------------
window.onload = function(){alert("text1");}; //不执行
window.onload = function(){alert("text2");}; //执行
//------------↑---------------------------------------
//------------↓多个window.onload的正确写法---------------------------
window.attachEvent("onload",function(){alert('a')});
window.attachEvent("onload",function(){alert('b')});
window.attachEvent("onload",function(){alert('c')});
//重点提示：在IE浏览器下用 (window.attachEvent)，会弹出 c b a 
//重点提示：其他浏览器下用 (window.addEventListener)，会弹出 a b c
//------------↑-----------------------------------------------------

Nach dem Login kopieren

2. Automatisches Laden von jQuery

①Ausführen, nachdem die DOM-Struktur (mit Ausnahme von Bildern) auf der Seite geladen wurde (möglicherweise wurden die mit den DOM-Elementen verbundenen Dinge nicht geladen). Es gibt drei Möglichkeiten, sie zu schreiben:

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

Nach dem Login kopieren

② Führen Sie die Ausführung wie folgt erst aus, nachdem alle Elemente auf der Seite (einschließlich Bilder) geladen sind.

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

Nach dem Login kopieren

③Führen Sie die anonyme Funktion sofort aus. Wenn eine anonyme Funktion in Klammern eingeschlossen wird und dann Klammern folgen, kann die anonyme Funktion sofort ausgeführt werden. Es gibt zwei Möglichkeiten, sie zu schreiben:

(function(){...})();    //写法1，不加参数
(function($){...})(jQuery); //写法2，加参数，避免与其他变量发生冲突

Nach dem Login kopieren

Ich glaube, Sie haben es nach dem Lesen gemeistert Der Fall in diesem Artikel. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Das obige ist der detaillierte Inhalt vonSo implementieren Sie das automatische Laden von Bildern mit js und jquery (Code im Anhang). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!