0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【JavaScript入門】JavaScriptをHTMLの中に書き込み、及び呼び込む方法

Posted at

JSをHTMLの中に書き込む

以下の方法でOK。

</head>
<body>
  <script>
    //ここにJSを記述
  </script>
</body>

問題点

シンプルだが、この方法だとコードが冗長になりやすい。
なので、本来はJSのファイルを呼び込む方法が用いられる。

JSファイルをHTMLファイルに呼び込む方法

まず前提として、以下のような階層があるとする。(名前は適当です)
:file_folder:practice
:page_facing_up:index.html
:page_facing_up:script.js
:page_facing_up:style.css
この階層の時には以下の方法で呼び出せる

</head>
<body>
    <script src="script.js"></script>
</body>

以上である。

まとめ

  • JSのファイル名をHTMLのbodyタグの中に記述することで呼び出し可
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?