HTML を使用して Web サイトにスクリプトを追加する方法

この記事では、Web サイトにスクリプトを追加する方法について説明します。 HTML ページにスクリプトを含めるには、いくつかの簡単な追加を行うだけです。方法についてはこの記事をお読みください。

ステップ

1メモ帳またはその他のシンプルなテキスト編集ソフトウェアを開きます。 [実行] コマンド (Windows キー + R キーを押す) を使用し、「Notepad」と入力して Enter キーを押します。 [スタート] メニュー > [アクセサリ] > [メモ帳] をクリックすることもできます。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e4\/Add-JavaScript-to-Your-Website-Using-Html-Step-2.jpg\/v4-460px-Add-JavaScript-to-Your-Website-Using-Html-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/Add-JavaScript-to-Your-Website-Using-Html-Step-2.jpg\/v4-628px-Add-JavaScript-to-Your-Website-Using-Html-Step-2.jpg","smallWidth":460,"smallHeight":293,"bigWidth":628,"bigHeight":400,"licensing":" class=\"mw-parser-output\"><\/div>"} 2まず、基本的な HTML ドキュメントを作成します。基本的な HTML ドキュメントには、<head> と </head> タグのペア、<body> と </body> タグのペアなど、いくつかの HTML タグが含まれています。ドキュメントに必要なタグをすべて入力します。ドキュメントは次のようになります。
```
 <html>
<ヘッド>
</ヘッド>
<本文>
</本文>
</html>
```
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/Add-JavaScript-to-Your-Website-Using-Html-Step-3.jpg\/v4-460px-Add-JavaScript-to-Your-Website-Using-Html-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/Add-JavaScript-to-Your-Website-Using-Html-Step-3.jpg\/v4-628px-Add-JavaScript-to-Your-Website-Using-Html-Step-3.jpg","smallWidth":460,"smallHeight":293,"bigWidth":628,"bigHeight":400,"licensing":" class=\"mw-parser-output\"><\/div>"} 3 HTML ヘッダーにスクリプトタグを追加し、スクリプト言語を使用して HTML スクリプトを記述することをテキストエディターに通知します。ドキュメントの先頭に <script language="javascript"> タグを追加します。Web サイトの読み込み時にスクリプトを自動的に実行する場合は、関数を呼び出さないでください。必要なときにスクリプトを呼び出す場合は、呼び出し関数を記述できます。次の例では、ユーザーに警告します。
```
 <html>
<ヘッド>
<スクリプト言語= "javascript" >
アラート( 「こんにちは、ようこそ。」 )
</スクリプト>
</ヘッド>
<本文>
</本文>
</html>
```
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1b\/Add-JavaScript-to-Your-Website-Using-Html-Step-4.jpg\/v4-460px-Add-JavaScript-to-Your-Website-Using-Html-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1b\/Add-JavaScript-to-Your-Website-Using-Html-Step-4.jpg\/v4-728px-Add-JavaScript-to-Your-Website-Using-Html-Step-4.jpg","smallWidth":460,"smallHeight":248,"bigWidth":728,"bigHeight":409,"licensing":" class=\"mw-parser-output\"><\/div>"} 4スクリプトファイルの場所がわからない場合は、スクリプト関数を使用して他の JavaScript スクリプトを呼び出すことができます。ファイルの完全な URL を含む "src" 属性をスクリプトタグに追加します。他の作成者がスクリプトを呼び出す場合は、ページの URL アドレスではなく、スクリプトファイルに直接リンクされていることを確認してください。
```
 <html>
<ヘッド>
<スクリプトタイプ= "text/javascript" src = "http://www.cpagrip.com/script_include.php?id=2193" >
</スクリプト>
</ヘッド>
<本文>
</本文>
</html>
```
5 HTML ドキュメントを終了し、完全なドキュメントを書き出します。 </body> タグの後に </html> タグを記述します。
6ページを保存します。ページを (ファイル名).html として保存すると、Web ページファイルになります。アイコンをダブルクリックすると、Web ページが読み込まれ、Web ページ上に警告ボックスがポップアップ表示されます。広告する

警告する

HTML 4 では、タグの MIME (Multipurpose Internet Mail Extensions) タイプを指定する必要があります。これを行うには、<script> タグに "type='text/javascript'" 属性を挿入します。 HTML5 では、type 属性を定義する必要はありません。
HTML3 では、「type='text/javascript'」ではなく「language='javascript'」と入力する必要があります。

広告する

<<: 友達に恋をしない方法

>>: 早く体重を減らす方法