- JavaScript 外部ファイルの記述の注意点
- JavaScript 外部ファイル化にする際に注意する事
- JavaScript 外部ファイル内の記述は、 JavaScript である宣言をしたり、JavaScript を解釈できない Webブラウザのために定義本文（すぐ下の記述）をコメントしたりしません。
- <script type="text/javascript">
<!--
- // -->
</script>
-
- JavaScript 外部ファイル化した記述文の中に
最初のこの記述
<script type="text/javascript">
<!--
- 最後のこの記述
// -->
</script>
- これらの記述は 外部ファイルに書き込みません。
- コメント指定の部分
<!--
- // -->
- JavaScript 外部ファイル内にコメント指定を直接記述されてる方が多数おり、また他所のWebサイト上でも、 JavaScript 外部ファイル（JS File）内にコメント指定を直接記述されて紹介されているケースもありますが、これは間違いですね。
-
- コメント指定 『<!-- 』 とは、Webブラウザによって、JavaScript を解釈できないタイプ（古いタイプのブラウザ）がありますので、
その JavaScript を解釈できないタイプのWebブラウザの時に、JavaScript の記述は無効なものとして認識されるために記述しているのです。
- JavaScript 外部ファイル化しますと、古いブラウザでは実行されなくなるので、コメント指定自体が必要無い記述なのです。
- JavaScript 外部ファイル内にコメント指定の記述は不要です。
- そして、JavaScript 外部ファイルの中にタグ類が直接書かれていると、
JavaScript 外部ファイルを<script src=〜〜〜></script>で呼び出した時にスクリプトエラーになります。
- document.write の記述
-
- 外部 ジャバスクリプトファイルを呼び出す際の注意
- <SCRIPT LANGUAGE="JAVASCRIPT" SRC="test.js"></SCRIPT>
<script src="test.js" type="text/javascript"></script>
- 「外部 ジャバスクリプトファイルを呼び出す場合のことですが、上の <SCRIPT LANGUAGE="JAVASCRIPT" という記述方法で 外部 ジャバスクリプトファイルを呼び出すのと・・・
下の <script type="text/javascript" という記述方法で 外部 ジャバスクリプトファイルを呼び出すのがありますが、どちらの記述方法が良いのですか？」という質問が時々ありますが・・・
-
- 現在推奨されている スクリプト ( Script ) 記述は type 属性を指定します。
下記のようになります。
<script src="new-type.js" type="text/javascript"></script>
- <SCRIPT LANGUAGE="JAVASCRIPT" SRC="old-type.js"></SCRIPT>
上記の記述： language 属性は現在推奨されていません。 簡単に言えば、時代遅れの記述方法なのです。
- 参考まで。 <SCRIPT> の属性 `LANGUAGE` はあまり薦められない属性です。
この属性は、すたれつつある属性です。 将来はサポートされなくなる可能性があるので、使わないようにしましょう。
- HTMLタグも あてはまりますが、XHTML 文書に移行するときのことを考えて、大文字で記述しないで小文字で記述するようにしたほうがいいです。
- XHTML 文書は HTML 要素名と属性名に小文字を使わなければいけないことになっており、 XML が大文字と小文字を区別するようになっております。例えば <li> と <LI> は別のタグであるためです。
- リンク表示変更の基本形 ／ innerText innerHTML
- 外部ファイルの記述、リンク表示変更の基本形
- 既存のリンク表示を自分の好きな物に変更する時は、innerText と innerHTML を用いて記述します。
- innerText とは、開始・終了タグに挟まれている、変更したい箇所の Text を設定し、読み出します。
- innerHTML とは、指定した文字列で、既存の内容を変換させます。変換後の文字列に HTML タグが含まれている場合は、HTML タグの文字列は解釈されて、変換させる場所に表示されるようになります。
- innerText と innerHTML の読み書きが出来るプロパティは、TextとHTMLタグの組み合わせで成り立ちます。ただし、<html>、<head>、<title>のタグには指定出来ません。
-
function bisoy(){
自分の好きな名前を指定（記入）します。
この部分（function）のことを関数（処理）と言います。関数は、関数を呼び出す個所よりも前の部分であれば、どこで定義しても大丈夫です。
難しいから聞き流してください。
ここの文章は変更しないで！
for(i=0;i<document.links.length;i++){
あてはまる文字列を『for』を使って表示させますよ、という命令です。『i=0』は初期値です。『i<document.links.length』が条件式です。
『length』とは各種オブジェクトの長さ（サイズ）を取得します。ここではリンクのサイズを取得しています。
『document.links.length』この記述で、ドキュメント内のリンク配列を示しています。ドキュメントオブジェクトのプロパティとして位置づけられます。
『i++』は増減式の省略形です。この形の増減式を『i=i+1』省略しています。
if(document.links[i].innerText=="[ｹｰﾀｲMode表示]"){
ここには変更前の文字を記入します。
『if文』は、条件を判定します。『==』この記号は関係演算子です。意味は等しいという意味になります。
if(リンク部分で同じ条件の記述文があれば){
document.links[i].innerHTML="Cellular phone is Displayed";
ここは変更後の自分の好きな文字や画像URLを記入します。
前の判定にしたがって処理を行う部分です。『条件式を満たしたときに実行される記述文』;
これに変更して下さい！という命令ですね。
命令の終わり！これは変更しないで！
}
}
}
window.onload=bisoy;
ここは function で付けた同じ名前を記入します。
この記述はページの読み込みが完了したら、関数bisoy()を実行して下さい！という命令文になります。
-
-
-
- この外部ファイルの記述の中には、アクセス解析関係のタグやスタイルシートも記述できます。
- この下の記述は、たとえばの例ですけども！
-
- インデント
-
- インデントって なに？？？
- 簡単に言ってしまえば、
文章の書き始めの位置をずらして、記述することです。
- インデントすることによって、
どのタグと、どのタグが、セットになっているかが、すぐに解ります。
- ソースを見て、もし誤りがあれば解りやすい利点もあります。
インデントは、ソースコード等、書く上でとても大切だと思います。
- おまけ
-
- 魔法のiらんどの画像倉庫にアップするならば、
偽装Gifファイルが２５kb 以下なら OK です。
２５kb 以下って、かなりいろいろな記述が出来ます。
-
-
-
（免責事項）
このホームページの内容が原因となり発生した損失や損害について、
当方は責任を負わないものとします。
利用者ご自身の責任において行っていただくよう お願い致します。
|
Copyright(C)2008 bisoy , All rights reserved.
| SitePolicy
| Contact us at Feedback (en)
Last Update: 3 / 06 / 2008 23:43:05 JST
ネットショップ