コンテンツ
Webページは外部ファイルのコードを問い合わせることができます。これにより、開発者は ".js"ファイルに保存されたJavaScript関数を呼び出すことができます。 HTML Webページの「head」セクション内で、リンクはJavaScriptファイルの内容をインポートできます。 「本文」セクションでは、HTMLマークアップには、ページに含まれる任意のJavaScriptファイル内の関数を呼び出すためのブラウザへの指示を含めることができます。 Webページは、ユーザーとの対話がページ上で発生したときにこれらの関数を呼び出すことがよくあります。
ページ上でのユーザーの操作は通常、関数の実行を引き起こします (Hemera Technologies / AbleStock.com / Getty Images)
スクリプトリンク
外部JavaScriptファイルの機能を利用するには、Webページにファイルへのリンクを含める必要があります。次のHTMLマークアップの例は、HTMLの「head」セクションにリストされているJavaScriptファイルへのリンクを示しています。
このコードは、問題のページと同じディレクトリに格納されている "myfuncoes.js"と呼ばれるファイルからページが関数を使用することを可能にします。スクリプトのアドレスが別の場所にある場合、このコードは "src"属性の場所を反映する必要があります。機能概要
JavaScript関数を呼び出すには、関数の概要を知る必要があります。これを確認するには、JavaScriptファイルで関数を見つけて、その最初の行を見てください。次のJavaScriptコード例は、関数のスケッチを示しています。
関数facaAlgoDeBom()
この関数を呼び出すには、このコードスニペットのように、Webページ内のJavaScriptコードで関数の名前を使用する必要があります。
facaAlgoDeBom();
このコードが実行されると、関数の内容が実行されます。
HTMLマークアップ
HTMLでJavaScript関数を呼び出すには、プログラマはいつ関数を実行するかを決める必要があります。多くの場合、これらの機能は、ユーザーがHTML要素と対話する前に実行されます。この手法ではイベントリスナーを使用します。イベントリスナーは属性を通じてHTML要素にアタッチできます。以下のコードは、ユーザーが要素をクリックしたときに実行されるJavaScript関数を指定する方法を示しています。
ユーザーがこのボタンをクリックすると、ブラウザは指定された機能を見つけてそれを実行します。
オプション
開発者は関数呼び出しを関数の詳細に合わせて調整する必要があります。いくつかの関数は、それらが実行を終了したときにパラメータといくつかの戻り値を必要とします。次の例では、パラメータを受け取り、値を返します。
関数は(InitialNumber)を乗算します{InitialNumber * 5を返します。 }
次の抜粋は、この関数を呼び出して戻り値を使用する方法を示しています。
var result = multiply(3); document.write(結果);
コードは関数に数値を渡し、別の戻り値を受け取ります。戻り値を変数に格納してから、その戻り値を別のレンダリングで使用します。