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

著者: Judy Howell
作成日: 1 J 2021
更新日: 18 1月 2025
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(結果);

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

根本的な経済問題

Frank Hunt

1月 2025

経済の根本的な問題は資源の不足です。働くことができるのは数人だけです。使用できる資料は数種類しかなく、使用できる金額もわずかです。この根本的な問題がなければ、人々はほとんど何でも欲しいと思うでしょう。現状では、意思決定を行う必要があり、一部の個人に悪影響を及ぼす可能性があります。政府と市場は生産方法と商品を選択します。各社会には、何を生み出すべきかを決定する役割を果たす資源が用意されています。非常...

チュニックの作り方

Frank Hunt

1月 2025

チュニックは、作るのが最も難しいタイプの衣類の1つです。 T字型の長くてベーシックな一枚です。コスチューム、ビーチでの外出、日常使いの薄着など、色々な使い方ができます。洋裁初心者でも柄を使わずにチュニックを作れます。ただし、よりモダンなものが必要な場合は、一般的な対策を講じるのではなく、金型を使用してください。右側を内側にして、幅方向に半分に折ります。腕を開いた状態で手首の間隔より生地が長い場合は...

ソビエト