JavaScript スクリプトは何によって解釈され、実行されますか?-フロントエンドQ&A-php.cn

JavaScript スクリプトは何によって解釈され、実行されますか?

藏色散人

リリース： 2022-01-19 16:22:00

オリジナル

2930 人が閲覧しました

JavaScript スクリプトはブラウザによって解釈され、実行されます。JavaScript スクリプトが実行される状況: 1. ページが開かれたときにブラウザがスクリプトを実行します。2. onLoad イベントを使用してスクリプトを実行します。3. . ユーザーイベントを使用してスクリプトを実行します。

JavaScript スクリプトは何によって解釈され、実行されますか?

この記事の動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター

JavaScript スクリプトが解釈されて実行されましたか?

JavaScript スクリプトはブラウザによって解釈され、実行されます。

JavaScript スクリプトはいつ実行されますか?

JavaScript スクリプトは HTML 内のどこにでも埋め込むことができますが、いつ呼び出されるでしょうか?ブラウザーが HTML ファイルを開くと、宣言された関数ではないスクリプトが直接実行されるか、イベントを通じてスクリプト関数が呼び出されます。これらの状況を以下で分析します。

1. ブラウザはページを開くときにスクリプトを実行します

ブラウザは HTML ファイルを開くと、HTML タグやスクリプトを含むファイル全体を最初から解釈します。スクリプト内に直接実行できるステートメントがある場合、それらのステートメントは、検出されるとすぐに解釈されて実行されます。主に次の 2 つの状況があります:

1) プログラムが開始されると (ここではブラウザの読み込みページを指します)、アラートなどの関数がトリガーされて

<html>
  <head>
    <title>demo</title>
    <script type="text/javascript">
      alert("dare you click me once again");  
    </script>
  </head>
  <body onLoad="display()">
  </body>
</html>

ログイン後にコピー

2) が実行されます。ブラウザとして js の読み込みおよび解析関数が自動的に呼び出されます (ユーザーのクリックやその他の動作によってトリガーされるのではありません)

#2. onLoad イベントを使用してスクリプトを実行します (** の発生をリッスンしてから実行するのと同等) it)

onLoad イベントは、ブラウザでページが開かれたときに発生します。このメソッドは、ページを開いているときにユーザーにメッセージを表示するためによく使用されます。

次の例では、デモンストレーションのためにタグの onLoad イベントを使用します:

<html>
  <head>
    <title>demo</title>
    <script type="text/javascript">
      //insert javascript code here.
      function display()
      {
        alert("dare you click me once again")  
      }
    </script>
  </head>
  <body onLoad="display()">
  </body>
</html>

ログイン後にコピー

3. ユーザーイベントを使用してスクリプトを実行する

ユーザーは多くの場合、マウスとキーボードを使用していくつかの操作を実行します。ブラウザ使用時の操作。マウスを均等に動かす、リンクやボタンをクリックするなどの操作は、対応するイベントを生成します。これらのイベントを使用してスクリプト関数を呼び出すことができます。

次の例では、クリックボタンイベントを使用して、display() 関数を呼び出します。

<html>
  <head>
    <title>demo</title>
    <script type="text/javascript">
      //insert javascript code here.
      function display(){
        alert("you click me ,it is so pain")
        }
    </script>
  </head>
  <body>
    <center><br>
    <form>
      <input type="button" value="onclick" onclick="display()">
    </form>
  </center>
  </body>
</html>

ログイン後にコピー

推奨学習: 「

js 基本チュートリアル」

以上がJavaScript スクリプトは何によって解釈され、実行されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。