見るためにプログラマに伝えるためのチュートリアルのフロントエンドシリーズ(55) - jQueryのエントリー機能


完全なC言語自習マニュアル(33)

適応のためのAndroidのマルチ解像度のフレームワーク

JavaWebコア技術チュートリアルシリーズ

HTML5のフロントエンド開発の戦闘チュートリアルシリーズ

MySQLデータベースの体操のチュートリアル(35グラフィカルバージョン)

カスタムビューチュートリアルシリーズ(10) - と、自分の過去を転覆

森から出て考えると、道路上のセットの足は、洗練された高度な本質レコードを開発--Android

フロントチュートリアルシリーズ(40話の無料ビデオチュートリアル+ソースコード)を伝えるために探してAndroidのプログラマー


著作権

  • この記事原作者:コロンビア・ヴァレーの弟
  • ブログのアドレスにします。http://blog.csdn.net/lfdfhl

エントリー機能

私たちは、このようなwindow.onloadなどのJavaScriptイベントハンドラを説明する前にすると、ページJavaScriptイベントを学習トリガ後にすると、ページの完成読み込みを示しています。例としては、次のとおりです:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JavaScript onload</title>
		<script type="text/javascript">
			window.onload=function(){
				alert("当页面加载完毕时执行该函数")
			}
		</script>
	</head>
	<body>
		<h2 id="author" style="color: red;">本文作者:谷哥的小弟</h2>
        <h2 id="blog" style="color: red;">博客地址:http://blog.csdn.net/lfdfhl</h2>
	</body>
</html>

jQueryのではまた、我々は、多くの場合、エントリ関数と呼ばれ、同様の機能を提供します。ここでは、のは、一般的に書かれたエントリの機能を学習してみましょう。

共通書かれたエントリ関数

構文は次のとおりです。

$(document).ready(function() {
	
});

例としては、次のとおりです:

$(document).ready(function() {
	alert("page load finish");
});

第二の方法

構文は次のとおりです。

$().ready(function() {

});

例としては、次のとおりです:

$().ready(function() {
	alert("page load finish");
});

三つの方法

構文は次のとおりです。

$(function() {
	
});

例としては、次のとおりです:

$(function() {
	alert("page load finish");
});

実際の開発では、コードは、通常の方法を書きやすいです。

エントリポイントとwindow.loadの違い

jQueryのエントリ関数とネイティブJavaScriptが同様の機能をwindow.onloadが、違いがあります。次のように要約します:

  • 異なる負荷モード
    ロード実行されます。JavaScriptのネイティブインタフェースは、すべての(テキスト、画像、などなど)まで待つ必要がwindow.onload。即ち、ロードされたjQueryのエントリ関数は、インタフェース(除く画像およびその他のリソース)に基づいて実行されます。

  • 異なるのロード
    JavaScriptのネイティブwindow.onloadは、同じページ上に一度だけ呼ばれます。言い換えれば、onloadイベントが上書きされる前には、ページに複数のwindow.onloadを書くことは可能であるが、唯一の最後の有効な間。違いは、あなたが同じページに複数回書き込み、jQueryの入力機能を効果的に実施することができ、あります。

发布了1022 篇原创文章 · 获赞 1986 · 访问量 238万+

おすすめ

転載: blog.csdn.net/lfdfhl/article/details/102657475