HTMLを使ってJavaScriptをウェブサイトに追加する方法

ページ名:HTMLを使ってJavaScriptをウェブサイトに追加する方法

このWikiHowでは、HTMLを使用してJavaScriptをWebサイトのコードに含める方法を説明します。

  • 1
    簡単なテキストエディタを開きます。Windowsのメモ帳とMacのテキストエディットは、それぞれのオペレーティングシステムに付属しているネイティブのテキストエディタです。
    • Windowsの場合、スタートメニューの検索フィールドに「メモ帳」と入力してコンピュータ上のメモ帳を探し、結果に表示されたら「メモ帳」をクリックします。
    • Macの場合は、画面の右上隅にある虫眼鏡をクリックし、検索フィールドに「TextEdit」と入力し、結果に表示されたら「TextEdit」をクリックします。
  • 2
    HTMLブロックを開始します。<head>と</head>の組み合わせ、<body>と</body>の組み合わせを含むHTMLタグを含めます。図のように、ページの開始に必要なすべてのタグを含めます:
      <html> <head> </head> <body> </body> </html>
  • 3
    HTMLのheadにscriptタグを追加する。そのためには、head内に<script language="javascript">タグを挿入します。 これはテキストエディタに、JavaScript言語を使ってHTMLのJavaScript "プログラム "を書きたいことを伝えます。この例では、アラートを使ってユーザーに挨拶します。
    • JavaScriptを追加するには、自分のウェブサイトのHTML headにscriptタグを追加します。
    • サイトの読み込み時に自動的にスクリプトを実行させたい場合は、関数を含めないでください。呼び出したい場合は、関数を記述します。
    • <html> <head> <script language="javascript"> alert("こんにちは、ようこそ。") </script> </head> <body> </body> </html>
  • 4
    JavaScript関数を使用して、他のJavaScriptスクリプトを呼び出します。スクリプトファイルがどこにあるか知っている場合は、scriptタグにsrc=プロパティを追加し、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
    メニューバーの[ファイル]をクリックし、[名前を付けて保存...](Windows)または[保存](Mac)をクリックします。
  • 6
    フォーマットのドロップダウンで.htmlをクリックします。
  • 7
    文書に名前を付け、[保存]をクリックします。
  • 8
    ドキュメントをダブルクリックして、ブラウザで開きます。
  • この記事は、CC BY-NC-SAの下で公開された「 HTMLを使ってウェブサイトにJavaScriptを追加する方法 」を改変して作成されました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

    シェアボタン: このページをSNSに投稿するのに便利です。

    コメント

    返信元返信をやめる

    ※ 悪質なユーザーの書き込みは制限します。

    最新を表示する

    NG表示方式

    NGID一覧