jsとjqueryで画像の自動読み込みを実装する方法（コード添付）-jsチュートリアル-php.cn

jsとjqueryで画像の自動読み込みを実装する方法（コード添付）

php中世界最好的语言

リリース： 2018-04-14 13:59:35

オリジナル

1676 人が閲覧しました

今回は、jsとjqueryで画像の自動読み込みを実装する方法(コード付き)を紹介します。 jsとjqueryで画像の自動読み込みを実装するための注意事項は何ですか?実際のケースを見てみましょう。。 1.

JavaScript自動読み込み

①テキスト内で onload を使用する: 次のように、ページ内のすべてのコンテンツ (画像を含む) が読み込まれた後に onload を実行します:

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

ログイン後にコピー

②スクリプト内で window.onload を使用する: 次のように、ページ内のすべてのコンテンツ (画像を含む) が読み込まれた後に window.onload を実行します。 2. jQueryの自動読み込み

①ページ内のDOM構造(画像を除く)を読み込んで実行する場合(DOM要素に紐づくものが読み込まれていない可能性があります)、以下の3通りの書き方があります:

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

ログイン後にコピー

② 以下のように、ページ内のすべての要素（画像を含む）が読み込まれた後にのみ実行します。

りー

③匿名関数をすぐに実行します。無名関数を括弧で囲み、その後に括弧を続けると、その無名関数をすぐに実行できます。次の 2 つの方法があります。

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

ログイン後にコピー

この記事の事例を読んで、方法をマスターしたと思います。 . php 中国語ウェブサイトの他の関連記事にも注目してください。

推奨読書:

以上がjsとjqueryで画像の自動読み込みを実装する方法（コード添付）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。