ホームページ > 記事 > ウェブフロントエンド > JS関数を自動実行(ロード)する3つの方法
この記事では、Web ページで JS 関数を自動実行するためによく使用される 3 つのメソッドを主に詳しく紹介します。興味のある方は参考にしてください。1. JS メソッド
1. body タグに直接記述します。 HTML の:
<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>3 番目のタイプ
1. ページ全体が結局実行されました書類が読み込まれます。残念ながら、この方法では、ページの DOM ツリーが完全にロードされている必要があるだけでなく、すべての外部イメージとリソースがロードされている必要もあります。さらに残念なことに、画像などの外部リソースの読み込みに時間がかかると、この js メソッドの実行が遅く感じられることです。つまり、これはページが読み込まれた後にメソッドを実行する最も厳密な方法です。
window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //これは jquery コードです};2. DOM 構造とメソッドは、ブラウザがすべての HTML を DOM ツリーに配置する前に実行されます。外部の画像とリソースをロードする前に組み込まれます。
$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //実行する必要がある任意の js 特殊効果});
$(function() { $("table tr:nth-child(even)").addClass("even"); //必要な js 特殊効果実行される});
Web ページで JS 関数を自動的に実行するには、一般的に 3 つの方法が使用されます
HTML の Head 領域には、次の関数があります:
<script type="text/javascript"> window.onload=function(){ func1(); func2(); func3(); } </script>
さて、上記の機能に焦点を当て、Web ページ上で実行できるようにします。ロード時に自動的に実行されます。
①最初のメソッド上記のコードを次のように変更します:
<SCRIPT LANGUAGE="JavaScript"> functionn MyAutoRun() { //以下是您的函数的代码,请自行修改先! alert("函数自动执行哦!"); } </SCRIPT>
②2番目のメソッド
Webページの本文を次のように変更します:
e656f46697a6649bdb26d91bad72a3fe
または次のように変更します:
a9a58ef1e6192c2cb0d663fe07e42b24
③3番目の方法JSタイマーを使用して関数を断続的に実行するには:
setTimeout("MyAutoRun()",1000); // MyAutoRun() 関数を 1000 ミリ秒ごとに実行します
実装メソッド、最上位の JS 関数を変更します 対象:
<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码,请自行修改先!
alert("函数自动执行哦!");
}
window.onload=MyAutoRun(); //仅需要加这一句
</SCRIPT>
その他のメソッドはより特殊で、一般的には使用されず、汎用性も低いため、紹介しません。
以上がJS関数を自動実行(ロード)する3つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。