ホームページ  >  記事  >  ウェブフロントエンド  >  JS関数を自動実行(ロード)する3つの方法

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

PHPz
PHPzオリジナル
2017-04-02 16:13:119795ブラウズ

この記事では、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 番目のタイプ


2.

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。