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

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

ステップ

  1. 1
    テキストエディタを開く Windowsのメモ帳またはMacのテキストエディットなど、オペレーティングシステムに標準搭載されたテキストエディタを使うことができます。
    • Windowsの場合、パソコンのスタートメニューの検索フィールドにメモ帳(または「Notepad」)と入力し、検索結果に表示される「メモ帳」をクリックします。
    • Macの場合、画面の右上角にある虫眼鏡をクリックし、検索フィールドにテキストエディット(またはTextEdit)と入力し、検索結果に表示される「テキストエディット」をクリックします。
  2. 2
    一番外側のブロックであるHTML要素を記述する HTML開始タグと終了タグの間に、<head>開始タグと</head>終了タグのペア、および<body>開始タグと</body>終了タグのペアを入力します。これらのタグは、Webページの構造を定義するためにすべて必要となり、以下に示すように記述します。
      <html>
      <head>
      </head>
      <body>
      </body>
      </html>
      
  3. 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. 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. 5
    メニューバーにあるファイルをクリックし、続けて名前を付けて保存…(Windows)または保存(Mac)をクリックする
  6. 6
    ファイル名の末尾に拡張子.htmlを入力する
  7. 7
    文書名を入力して、保存をクリックする
  8. 8
    保存した文書をダブルクリックしてWebブラウザで開く
    広告

注意事項

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

関連記事

Googleに問い合わせをするGoogleに問い合わせをする
画像検索で簡単に人物を特定する画像検索で簡単に人物を特定する
Googleドキュメントを保存するGoogleドキュメントを保存する
Discordで動画を送るDiscordで動画を送る
2台のルーターを接続する2台のルーターを接続する
YouTube動画の年齢制限を回避するYouTube動画の年齢制限を回避する
画像のURLを取得する画像のURLを取得する
Google ChromeからログアウトするGoogle Chromeからログアウトする
ページリダイレクトをブロックするページリダイレクトをブロックする
トレントのダウンロード速度を上げるトレントのダウンロード速度を上げる
リンクをコピーアンドペーストするリンクをコピーアンドペーストする
Yahoo.comアカウントを復元するYahoo.comアカウントを復元する
YouTubeの制限付きモードをオフにするYouTubeの制限付きモードをオフにする
YouTubeでチャンネル登録者を削除するYouTubeでチャンネル登録者を削除する
広告

このwikiHow記事について

この記事は、経験豊富なwikiHowの編集者と調査員から成るチームによって執筆されています。調査員チームは内容の正確性と網羅性を確認しています。

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

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

広告