Hamster-Santa
〜ここはハムスターがメインのサイトです〜

「ジャバスクリプト(javascript)の外部ファイル化」

ブログのカスタマイズ数が増えれば増えるほど
ぐちゃぐちゃになっていくテンプレのソース。

HTMLやCSSをほぼ独学で四苦八苦している素人があれこれいじるものだから

汚いし、長い。

ソースが長くなればページの読み込みにも時間がかかることになり

結果、訪問者の方にとってもストレスかかることになります。
(画像多かったりで他にも要因はあるんですが)


カスタマイズでかなり多くのjavascriptを導入しているので

javascriptのソースを簡素化するために外部ファイル化しました。


コメント絵文字やナビ折り畳みの長いソースが一行に短縮されたおかげで

「汚いソース」からちょっとましになって、「小汚いソース」になりました。
外部ファイルを作る

外部ファイル化したいjavascriptの赤字以外のタグ
PC上の任意のテキストファイルにコピーします。
(例は画像をランダムに表示させるjavascript)
<script language="JavaScript">
<!--

bbad=new Array();
bbad[0]='■■■';
bbad[1]='■■■';
bbad[2]='■■■';
i=Math.floor(Math.random()*bbad.length);
document.write(bbad[i]);
// -->
</script>

■■■は画像URLです

外部ファイルの中身

外部ファイル内の記述は以下のみになり
ファイルの拡張子を「js」に変更して保存します。
bbad=new Array();
bbad[0]='■■■';
bbad[1]='■■■';
bbad[2]='■■■';
i=Math.floor(Math.random()*bbad.length);
document.write(bbad[i]);


外部ファイルをアップロード

拡張子を「▲▲.js」とした外部ファイルをサーバーへアップロードします。


外部ファイルを呼び出すタグ

<script type="text/javascript" src="http://●●●/▲▲.js"></script>

アップロードしたファイルURLは相対パスでも絶対パスでもどちらでもOKです。


長〜いjavascriptのタグが、外部ファイル化することでたった一行になりました。

ジャバスクリプト(javascript)の外部ファイル化について(SEO対策ドットコムさま)
JavaScript 外部ファイルについて(JavaScript External Fileさま)

  ハムスターブログに応援ありがとうございます
COMMENTS
comment form
 
 
 



ご利用のブラウザ、設定ではご利用になれません。


※コメント送信時のご注意
非公開受付になりますので、コメントはすぐに反映されません。
管理人が確認した後でなければブログ上には公開されません。
公開されたくないコメントの場合、文の最後に「非公開」と記載お願い致します。
 
 
 
 


愛ハム診断 愛ハム診断

栄養成分比較表 栄養成分比較表

ハムスターQ&A ハムスターQ&A

病気サイトマップ 病気サイトマップ