JS関数を自動実行（ロード）する3つの方法-jsチュートリアル-php.cn

JS関数を自動実行（ロード）する3つの方法

PHPz

リリース： 2017-04-02 16:13:11

オリジナル

9793 人が閲覧しました

この記事では、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ページの本文を次のように変更します:

または次のように変更します:

③3番目の方法

JSタイマーを使用して関数を断続的に実行するには:

setTimeout("MyAutoRun()",1000); // MyAutoRun() 関数を 1000 ミリ秒ごとに実行します

実装メソッド、最上位の JS 関数を変更します対象:

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函数的代码，请自行修改先！

　　　alert("函数自动执行哦！"); 

　　} 

　　window.onload=MyAutoRun(); //仅需要加这一句

</SCRIPT>

ログイン後にコピー

その他のメソッドはより特殊で、一般的には使用されず、汎用性も低いため、紹介しません。

以上がJS関数を自動実行（ロード）する3つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。