Webの記録

苦手なJavaScriptをイチから勉強してみる【JavaScriptを外部ファイルにする】

投稿日:2013年1月14日 更新日:

この記事は約 2 分で読めます。

苦手なJavaScriptをイチから勉強してみる【関数編】の続きとしてメモします。

イチから「JavaScript」を学び直しをする為に記録を残しています。少しずつメモを追加していきます。

私の個人的なメモなので、ちょっと違うよ!とか、こうしたら?というのがあると思います。その場合はこっそりコメント等頂けると有難いです!

少しずつメモしているので、連載的な感じで続きを書いていってます。過去のメモも、時々追記していきます。超・初心者向けです。

今回は、「外部化」させる事についてメモしています。



JavaScript勉強の流れ

  1. 基本準備編
  2. 記述の基礎編
  3. イベント編
  4. 関数編
  5. JavaScriptを外部ファイルにする←今回はココ。
  6. 条件分岐(if文)と繰り返し処理(for文)


JavaScriptを外部ファイルにするメリット

同じJavaScriptを複数のファイルで何度も実行させる場合、毎回全く同じ記述していたら効率が悪いです。なのでJavaScriptを外部化(ひとまとまりの部品)にしておくことで、使い回しが可能になります。

JavaScriptを外部ファイルにする方法

JavaScriptの部分のみを外部ファイルとして保存させます。以下の部分だけ「●●.js」というファイルで保存させます。拡張子は必ず「js」。
(例:jsフォルダの中に「sample.js」で保存)

これをhtmlで読み込みます(headやbodyの中など)

//例
<script type="text/javascript" src="js/sample.js"></script>


JavaScriptを外部化できたので、複数のhtmlからでも同様にJavaScriptを読み込みすることができるようになりました。

次回は、「条件分岐(if文)と繰り返し処理(for文)」について書きます。

-Webの記録
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

Evernote Webクリッパーを入れてみた♪

この記事は約 1 分で読めます。Web上で興味を持ったページの情報をそのまま手軽にEvernoteに保存する方法を試してみたいと思います。 日頃使っているEvernoteの便利な使い方その2です。(2 …

no image

Photoshopでレイアウト設計をする時に便利なエクステンション「GuideGuide」を試してみた

この記事は約 1 分で読めます。 日頃、WebページのデザインはPhotoshopを使っています。何か便利なツールないかなぁ~と思っていたところで知ったエクステンション。 Photoshopでレイアウ …

no image

Photoshopのテキストレイヤーからテキストを抽出する方法

この記事は約 2 分で読めます。 Photoshopで作られたカンプからコーディングをする時に、テキストレイヤーにある文字をいちいち入力するのは面倒だと思いつつ、今まで全て手打ちしてました。。。時間ロ …

no image

WebサイトのURLを変更した後 .htaccessの記述して新しいURLに転送してみる

この記事は約 2 分で読めます。 ずっと運営していたサイトのURLを都合により変更(ファイルを移動)させてしまった時、ブックマークから訪問してくれた人が困らないように新しいURLへ転送する事が必要にな …

ファイルアップロード・メール添付機能をWordPressお問い合わせプラグイン「Contact Form 7」でカンタン実現!

この記事は約 1 分で読めます。 WordPressでお問い合わせフォームを付けるときは、いつもプラグイン「Contact Form 7」を利用しています。 日本人の作者で、利用者が多く、更新頻度の高 …