ページ上で js を自動的に実行 (ロード) するためのいくつかのソリューション、詳細なコード分析-jsチュートリアル-php.cn

ページ上で js を自動的に実行 (ロード) するためのいくつかのソリューション、詳細なコード分析

亚连

リリース： 2018-05-18 09:42:21

オリジナル

2384 人が閲覧しました

以下は、ページ上で js を自動的に実行 (ロード) するために私がまとめたいくつかの解決策です。興味のある学生は参照してください。

1. JS メソッド

1. 最も簡単な呼び出し方法は、HTML の body タグに直接記述します:

<body onload="myfunction()">
<html> <body onload="func1();func2();func3();"> </body> </html>

ログイン後にコピー

2. JS ステートメントで呼び出します:

<script type="text/javascript">
　　function myfun() 　　
{ 　　 alert("this window.onload"); 　　} 　　/*用window.onload调用myfun()*/　　
window.onload = myfun;//不要括号
</script>

ログイン後にコピー

<script type="text/javascript">
window.onload=function(){
func1();
func2();
func3(); }
</script>

ログイン後にコピー

2. JQメソッド

1. ページ全体のドキュメントがすべて読み込まれた後に実行します。残念ながら、この方法では、ページの DOM ツリーが完全にロードされている必要があるだけでなく、すべての外部イメージとリソースがロードされている必要もあります。さらに残念なことに、画像などの外部リソースの読み込みに時間がかかると、この js メソッドの実行が遅く感じられることです。つまり、これはページが読み込まれた後にメソッドを実行する最も厳密な方法です。

window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //这个是jquery代码 };

ログイン後にコピー

2. ブラウザーがすべての HTML を DOM ツリーに配置する前に、すべての DOM 構造をロードしてメソッドを実行します。外部の画像やリソースをロードする前に組み込まれます。

$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 });

ログイン後にコピー

略語もあります

$(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 });

ログイン後にコピー

以上、皆さんの参考になれば幸いです。

jsを使用してクライアントがインターネットにアクセスできるかどうかを判断する(コードが添付されている)

AJAXの使用方法の詳細な分析(コードが添付されている)

AJAXに関するインタビューの質問(答え付き)

以上がページ上で js を自動的に実行 (ロード) するためのいくつかのソリューション、詳細なコード分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。