Technical Data 1 言語定義

Ｊａｖａ script Essence

基本	文字	画像
1　言語定義 2　外部ファイル 3　HTMLタグからの呼出 6　配列変数 7　ロード時イベント発生 8　if文、判定条件 9　ページの値引き渡し 10　クッキー 12　マウスon/over/off 13　何も値を返さない関数	4　特殊文字 5　文字列操作 11　文字切替正規化_ﾊﾟﾀｰﾝﾏｯﾁﾝｸﾞ	・画像切替・トランジェント・フェード・レイヤー・画像ｻｲｽﾞ変更画像のクリック座標取得画像のプリロード 360°スクロール	表の表示 Form入力・計算 Form送信 /	12　ウインドウopen／close

JavaScriptは次の順番で実行されます。
（１）文法チェック
（２）HEAD内の関数以外を実行
（３）BODY内のJavaScript（関数以外）を実行

1　言語定義

2　外部ファイル

複数の時は、この記述を複数書く

インクルード方法　（未確認）
document.write('<SCRIPT SRC="javalib.js'><'+'/SCRIPT>');
document.write('<SC'+'RIPT SRC=xxxx.js></SC'+'RIPT>');

3　HTMLタグからの呼出

関数やメソッドだけではなく、他の処理も呼び出せます

4　特殊文字
エスケープシーケンス文字
\b バックスペース
\f フォームフィード
\n ラインフィード (改行)
\r キャリッジリターン
\t 水平タブ (Ctrl + I キー)
\' シングルクォーテーション (')
\" ダブルクォーテーション (")
\\ 円記号 (\)
例　：
document.write('イメージのパスは、C:\\webstuff\\mypage\\gifs\\garden.gif です。');
document.write('タイトルは、「After the snow of \'97. Grandma\'s house is covered」です。');

Topへ

5　文字列操作
str1 = "012345";

・文字列の長さ
n = str1.length; // 6
・文字列の結合は演算子 +
str3 = str1 + str2;
・文字列の切り出し
str2 = str1.charAt(2); // "2"　：１文字
str3 = str1.substring(2,4); // "23"　：複数文字　m番目からn-1番目までを切り出し
引数が文字列の長さ以上の時は文字列の長さ - 1 とみなす
引数が負の場合は 0 とみなす
１番目の引数と２番目の引数が等しい場合は長さ 0 の文字列を返す
１番目の引数より２番目の引数が小さい場合は引数を入れ替える
・文字列の検索
indexOf は前から、 lastIndexOf は後から検索
stringname.indexOf(searchstring, [index])で、 indexから searchstring を検索し最初に見つかった場所を返します。
str1 = "0123456789012345678901234";
pos1 = str1.indexOf("1"); // 1
pos2 = str1.lastIndexOf("1"); // 21
pos3 = str1.indexOf("123", 2); // 11
pos4 = str1.lastIndexOf("123", 2); // 1
検索されなかった場合は -1 を返します
------- 桁数　0フィル数字
var Num =246;
var keta=5;
var str1 ="0000000000";
str1 +=Num;
document.write("\"+str1.substring(str1.length -keta,str1.length)+";");

6　配列変数
（　１次元　）
①　myImage = new Array("pan02601s.jpg","pan00101s.jpg")
②　mes = new Array(Imagemax) ;
mes[0]="AAAAA";
mes[1]="BBBBB";
（　２次元　）
ar = new Array(n,m)
ar[0,0] = ['A0','B0'];　　ar[0,1] = ['A1','B1']; //左の 0 は、二次元配列であることを示すダミーです。 3 でも可。
　　データが［　］で囲われていることに注意
新規にArrayの要素行　追加時　ar[0,n]=［""]; の後　ar[n][0] = 123・・・　追加

length　配列の要素の数
N1=myImage.length
N2=mes[0].length

Topへ

7　ロード時イベント発生
<BODY onLoad="alert('ページの読み込みが完了しました')">
<BODY onLoad="test();">
<IMG SRC="test.gif" onLoad="alert('画像の読み込みが完了しました')">
<FRAMESET onLoad="alert('フレームの読み込みが完了しました')">
onLoad="A();B();" // 複数関数呼出

8　if文、判定条件　繰り返し処理

if(条件A){処理命令A}

if(条件A){処理命令A}

else{処理命令B}

if(条件A){処理命令A}

else if(条件B){処理命令B}

else{処理命令C}

== ：等しい
> ：左が右より大きい
< ：右が左より大きい。
>= ：左が右以上（=の位置に注意）。
<= ：右が左以上。
!= ：等しくない

for(i = 0 ; i<5 ; i++){処理命令}

swith( 条件 ){
        
case ○ : 処理命令A;
        
case △ : 処理命令B;
        
case × : 処理命令C;
        
default : 処理命令D;
        
}

do{
　命令
}while(条件)
＊条件が当てはまらない場合無限ループに入る事があるので注意！

Topへ

9　ページの値引き渡し

strURL = location.href
Qn = strURL.indexOf("?");
if(Qn>=0){Num =strURL.substring(Qn+1,Qn+10)}

［　２変数　送り側］
location.href="receive1.htm?"+num+"&abc"

［　２変数　受け側］
strURL = location.href
Qm = strURL.indexOf("&");
strData =strURL.substring(Qm+1,Qm+99);
Qn = strURL.indexOf("?");
strNo =strURL.substring(Qn+1,Qm)

10　クッキー

［　保存　］
savecookie('mycookie',document.forms[0].txt.value,7)

<input type=text name=txt><input type=button onclick=save() value=保存>

［　読み出し　］
var data=loadcookie("mycookie")
if(data!=null){
document.forms[0].txt.value=data

<input type=text name=txt>

11　文字切替

img_comment.innerHTML="No."+(Num+1)+"　　"+mes[Num];

<DIV id="img_comment"></div>

画像切替

<img name=Img1 >
document.Img1.src = Dat[Num][0];

Topへ

１２ウインドウ　Open/Close
<BODY bgColor="white" onLoad='myWin = window.open("Dummy.htm","Sample","width=200,height=200")'>

<A HREF="javaScript:close();">このウィンドウを閉じます</A>
<A HREF="javaScript:myWin.close();">２枚目のウィンドウを閉じます</A>

１２　マウスon/over/off

１３　何も値を孵さない関数
<A HREF="javaScript:void(0)">