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

Facebookで友達が始めたアプリのリクエストをブロックする方法

この記事は約 1 分で読めます。 Facebookで友達が何かのアプリを始めた時、関係のない自分にまでリクエストがくる事があります。 よく言われる「スパムアプリ」なんだけれど、最近特に多いのが「マイカ …

no image

WordPress 複数のサイドバーを使い分ける方法。

この記事は約 2 分で読めます。 WordPressのテーマを独自で作っていて、どのページも同じサイドバーでは面白くないなぁと思い…。 記事のページ(index.phpやsingle.php等)と固定 …

no image

WordPress管理画面の不正アクセス防止に「Simple Login Lockdown」

この記事は約 1 分で読めます。 WordPressの管理画面にログインするには、ユーザー名とパスワードさえ合っていれば誰でもどこでも入る事が出来ます。 特に推測しやすいパスワードにしていた場合、全然 …

no image

DreamweaverCS4にHTML5+CSS3のコードヒント・ドキュメントタイプを!

この記事は約 1 分で読めます。 コーディングの時に主に「Dreamweaver」を使用しています。バージョンは、CS4とCS5。 HTML5をぼちぼち・・・なところで、CS5は最初から「HTML5」 …

no image

無料で簡単!アイコンフォント「Font Awesome」を使ってみた

この記事は約 1 分で読めます。 先日SNSアイコンをつけた時に、アイコンフォント「Font Awesome」を使用しました。 無料で、初めてでも簡単に使えるアイコンフォント「Font Awesome …