JSファイルの機能を呼び出すためのHTMLコード

著者: Judy Howell
作成日: 1 J 2021
更新日: 17 11月 2024
Anonim
【JavaScript 初めの一歩!超初心者向け】ファイルの読み込みと、よく使うconsole.logやalertについて
ビデオ: 【JavaScript 初めの一歩!超初心者向け】ファイルの読み込みと、よく使うconsole.logやalertについて

コンテンツ

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(結果);

コードは関数に数値を渡し、別の戻り値を受け取ります。戻り値を変数に格納してから、その戻り値を別のレンダリングで使用します。

一般的な健康状態を促進するための目標は、トリグリセリド(脂肪)レベルをデシリットルあたり150ミリグラム(mg / d)未満にすることです。それ以上のものは高いと見なされます。値が高いほど、心臓病のリスクが高くなります。食事と運動ルーチンを変更すると、トリグリセリドレベルを下げることができます。トリグリセリドを低下させる食事には、砂糖、脂肪、カロリーがほとんど含まれていません。トリグリセリドは血中...

対3LCDプロジェクター。 DLP

Eugene Taylor

11月 2024

ホームシアター用の新しいプロジェクターを探している場合、DLP( "デジタルライトプロセッシング")を使用した3LCDプロジェクションの類似点と相違点を知ることは、情報に基づいた決定を行うのに役立ちます。 3LCDとDLPの両方のプロジェクターには、独自の個人用アプリケーションで考慮しなければならない長所と短所があります。3LCDおよびDLPプロジェクターは、ピクセル化された要...

お勧めします