HTMLを使ってWebサイトにJavaScriptを組み込む方法

PDF形式でダウンロードPDF形式でダウンロード

このHow.com.vnでは、HTMLを使ってWebサイトのプログラミングコードにJavaScriptを組み込む方法をご紹介します。

  1. How.com.vn 日本語: Step 1 テキストエディタを開く 
    Windowsのメモ帳またはMacのテキストエディットなど、オペレーティングシステムに標準搭載されたテキストエディタを使うことができます。
    • Windowsの場合、パソコンのスタートメニューの検索フィールドにメモ帳(または「Notepad」)と入力し、検索結果に表示される「メモ帳」をクリックします。
    • Macの場合、画面の右上角にある虫眼鏡をクリックし、検索フィールドにテキストエディット(またはTextEdit)と入力し、検索結果に表示される「テキストエディット」をクリックします。
  2. How.com.vn 日本語: Step 2 一番外側のブロックであるHTML要素を記述する 
    HTML開始タグと終了タグの間に、<head>開始タグと</head>終了タグのペア、および<body>開始タグと</body>終了タグのペアを入力します。これらのタグは、Webページの構造を定義するためにすべて必要となり、以下に示すように記述します。
      <html><head></head><body></body></html>
  3. How.com.vn 日本語: Step 3 HTMLのhead要素内にscriptタグを追加する 
    head開始タグと終了タグの間に、<script language="javascript"> タグを挿入します。これにより、JavaScriptを使用してHTMLのJavaScript「プログラム」が記述されていることを、テキストエディタが認識します。以下の例では、alertを使ってユーザーに対してメッセージを表示させています。
    • 自分のWebサイトのHTMLのhead要素内にscriptタグを入力し、JavaScriptを追加します。
    • Webサイトを読み込んだときに自動的にJavaScriptを実行させたい場合は、以下のように関数を用いずに記述します。自分でJavaScriptを呼び出したい場合は、関数を用いて記述します。
    • <html><head><script language="javascript">alert("Hi there, and welcome.")</script></head><body></body></html>
  4. How.com.vn 日本語: Step 4 JavaScriptの関数を使って別のJavaScriptを呼び出す 
    スクリプトファイルの在りかが分かっている場合は、scriptタグにsrc=属性を追加して、その属性値としてJavaScripファイルの正確なWebアドレスを記述します。
    • 自分のWebサイトでスクリプトを呼び出す際には、JavaScriptを呼び出しているURLやページにリンクを張るのではなく、JavaScriptファイルに直接リンクを張りましょう。
    • <html><head><script type="text/javascript" src="http://www.cpagrip.com/script_include.php?id=2193"></script></head><body></body></html>
  5. How.com.vn 日本語: Step 5 メニューバーにあるファイルをクリックし、続けて名前を付けて保存…(Windows)または保存(Mac)をクリックする...
    メニューバーにあるファイルをクリックし、続けて名前を付けて保存…(Windows)または保存(Mac)をクリックする
  6. How.com.vn 日本語: Step 6 ファイル名の末尾に拡張子.htmlを入力する
  7. How.com.vn 日本語: Step 7 文書名を入力して、保存をクリックする
  8. How.com.vn 日本語: Step 8 保存した文書をダブルクリックしてWebブラウザで開く
    広告

注意事項

  • HTML4では、タグのMIMEタイプを指定する必要があります。<script>タグ内に、次の属性及び属性値「type='text/javascript'」を挿入します。HTML5では、このtype属性を指定する必要はありません。
  • HTML3では、「type='text/javascript'」と記述する代わりに、「language='javascript'」と記述します。
広告

このHow.com.vn記事について

How.com.vn 日本語: How.com.vn編集チーム
共著者 ::
How.com.vnスタッフライター
この記事は、経験豊富なHow.com.vnの編集者と調査員から成るチームによって執筆されています。調査員チームは内容の正確性と網羅性を確認しています。

How.com.vnのコンテンツ管理チームは、編集チームが編集した記事を細心の注意を払って精査し、すべての記事がHow.com.vnの高品質基準を満たしているかどうかを確認しています。 この記事は2,877回アクセスされました。
カテゴリ: インターネット
このページは 2,877 回アクセスされました。

この記事は役に立ちましたか?

⚠️ Disclaimer:

Content from Wiki How 日本語 language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

広告