ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript と jQuery は自動読み込みを実装します
JavaScript と jQuery は自動読み込みを実装します
- 小云云オリジナル
- 2017-12-07 16:01:291378ブラウズ
今回はJavaScriptと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 を実行します:
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. jQuery が自動的に読み込みます
① ページ内の DOM 構造 (画像は除く）を読み込んでから実行する（DOM要素に関連付けられたものが読み込まれていない可能性があります） 書き方は以下の3つがあります:
$(document).ready(function(){...});//写法1，全称
$(function(){...}); //写法2，简写
jQuery(function($){...}); //写法3，简写② 結局実行のみ。ページ内の要素 (画像を含む) は次のように読み込まれます。
$(window).load(function() {...}); //等于JavaScript的写法，如window.onload = function(){...};③匿名関数をすぐに実行します。 匿名関数を括弧で囲み、その後に括弧を続けると、次の 2 つの方法で匿名関数を実行できます:
(function(){...})() ; //メソッド 1 の記述、パラメータなし
(function($){...})(jQuery); //メソッド 2 の記述、他の変数との競合を避けるためにパラメータを追加します。
関連する推奨事項:
javascript firefox iframe を自動的にロードする高さと幅を自動的に調整する例
以上がJavaScript と jQuery は自動読み込みを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。