Yahoo！ビジネスエクスプレス他
jsもKISSに好かれる
jsはJavaScript（ジャバスクリプト）の略称です。JavaScriptは、Netscape社によって作られた、ブラウザー上でのみ実行できるスクリプト言語です。ちなみにこれは、皆様がよく聞いているJavaとは全然違うものです。
HTML文書内にJavaScriptのプログラムを記述するには<script>タグを使います。すると、<script>タグで囲まれた範囲のプログラムが実行されます。
<script>タグは<head>～</head>、もしくは<body>～</body>のどちらでも記述できます。現在多くのブラウザでは<script
type="text/javascript">と表記されます。
また、<script>タグは1つのページにいくつでも記述することができます。
そこで問題なのが、1つのページ内に<script>タグをくつも記述した場合です。
例えば、<body>～</body>の間に、下記のように複数のJavaScriptが記述されている場合、KISS、単純化する方法は？
<script type="text/javascript">
function jikoku() {
dd = new Date();
document.F1.T1.value = dd.toLocaleString();
window.setTimeout("jikoku()", 1100);
}
</script>
<script type="text/javascript">
function toroku(){
var ver = navigator.appVersion.charAt (0);
if (navigator.appName == "Microsoft Internet Explorer" && ver >= 4) {
window.external.AddFavorite('http://ecocoland.com/', 'SEOのエココランド');
}
else{
alert("Sorry IE4 Only");
}
</script>
<script type="text/javascript">
document.write("<img src='http://ecocoland.com/cgi-bin/count/count.cgi?");
document.write("id=index&");
document.write("cwidth=0&");
document.write("referrer="+document.referrer+"&");
document.write("width="+screen.width+"&");
document.write("height="+screen.height+"&");
document.write("color="+screen.colorDepth+"'>");
</script>
そこで、SEOのためにも、上記のような複数のJavaScriptを、外部化・簡素化する方法に触れます。
①まず、「メモ帳」を開き、下記の記述例のごとく、記述します。
//時刻
function jikoku() {
dd = new Date();
document.F1.T1.value = dd.toLocaleString();
window.setTimeout("jikoku()", 1100);
}
//お気に入り登録
function toroku(){
var ver = navigator.appVersion.charAt (0);
if (navigator.appName == "Microsoft Internet Explorer" && ver >= 4) {
window.external.AddFavorite('http://ecocoland.com/', 'SEOのエココランド');
}
else{
alert("Sorry IE4 Only");
}
//解析ツール
document.write("<img src='http://ecocoland.com/cgi-bin/count/count.cgi?");
document.write("id=index&");
document.write("cwidth=0&");
document.write("referrer="+document.referrer+"&");
document.write("width="+screen.width+"&");
document.write("height="+screen.height+"&");
document.write("color="+screen.colorDepth+"'>");
②「ファイル」→「名前をつけて保存」→「ファイル名（N）」の「*.txt」を削除、「java.js（任意のファイル名.js）」と入力、保存します。
保存場所は出来れば、ホームページの index.html がある階層に、「ｊｓ（任意のファイル名）」フォルダを作成、その中に保存します。
③上記のフォルダをFTPで、サーバーへアップします。
④当「SEOランド」の場合を例に取ると、<script type="text/javascript">を表示したいページすべてに、下記のような記述を</body>の直前に記述します。
<script type="text/javascript" src="http://www.ecocoland.com/js/java.js"
charset="Shift_JIS"></script>
参考までに、このページ上部の 「表示（V）」→「ソース（C）」を開くと、</body> の直前に記述されているのが確認できるでしょう。
⑤記述し終えたら、サーバーへアップします。
HTML内の複数の<script type="text/javascript">を外部化することで、④のようにたった１行で表すことが出来ました。かなりのKISSの実現、単純化です。
参照サイト
「JavaScriptテクニックブック」
http://www.openspc2.org/reibun/JavaScript_technique/
「新JavaScript例文辞典」
http://www.openspc2.org/reibun/javascript2/index.html
コメントする