原生jsの常用方法
6696 ワード
よく使われる原生jsメソッド
1.出力文:document.write(""); 2.JSのコメントは//3.従来のHTMLドキュメントの順序はdocument->html->head,body 4.ブラウザウィンドウのDOM順序は、window->5(navigator,screen,history,location,document)です.フォーム内の要素の名前と値を取得します:document.getElementById(「フォーム内の要素のID番号」).name(またはvalue)6.大文字小文字変換のJS:document.getElementById(“output”).value = document.getElementById(“input”).value.toUpperCase();//大文字に変換getElementById(“output”).value = document.getElementById(“input”).value.toLowerCase();//小文字を回すJSの値タイプ:String,Number,Boolean,Null,Object,Function 8.JSの文字型を数値型に変換する:parseInt()、parseFloat()9.JSの数字を文字型に変換する:(""+変数)10.JSにおける取文字列の長さは、(length)11.JS中の文字と文字を接続するには+番号を使用する.12.JSの比較オペレータには、==イコール、!=等しくない、>,>=,<.>13.JSで宣言変数は:varを使用して宣言する.JSにおける判定文構造:if(condition){}else{}15.JSにおけるループ構造:for([initial e])xPRession];[condition];[upadte expression]) {inside loop} 16.ループ中止のコマンドは、break、continueが現在のループをスキップし、次の反復に進むことです.17.JSでの関数定義:function functionName([parameter],...){statement[s]}18.ファイルに複数のformフォームが表示する場合.documentを使ってもいいです.forms[0],document.forms[1]に取って代わる.19.ウィンドウ:ウィンドウを開きます.Open()、ウィンドウを閉じます:window.close()、ウィンドウ自体:self 20.ステータスバーの設定:window.status=「文字」;21.ポップアップメッセージ:window.alert(「文字」);22.ポップアップ確認ボックス:window.confirm(); 23.ポップアップ入力プロンプトボックス:window.prompt(); 24.現在表示されているリンクの場所:windowを指定します.location.href=“URL” 25.フォームから取り出したすべてのフォームの数:document.forms.length 26.ドキュメントの出力フローを閉じる:document.close(); 27.文字列追加コネクタ:+=28.ドキュメント要素を作成します:document.createElement(),document.createTextNode() 29.要素を得る方法:document.getElementById() 30.フォーム内のすべてのテキスト型のメンバーの値を空白に設定します.
31.チェックボタンJSで「document.forms[0].checkThis.checked(checked属性は、TRUEまたはFALSEを返すか否かを表す)32.ラジオボタングループ(ラジオボタンの名前は同じでなければなりません):ラジオボタングループの長さdocumentを取ります.forms[0].groupName.length 33.ラジオボタングループが選択されているかどうかを判断するのもcheckedです.34.ドロップダウン・リスト・ボックスの値:document.forms[0].selectName.options[n].value(nドロップダウンリストボックス名に.selectedIndexを付けることで選択された値を決定する場合がある)35.文字列の定義:var mysString=new String(「This is lightsWord」);36.文字列を大文字に変換:string.toUpperCase(); 文字列を小文字に変換:string.toLowerCase(); 37.文字列2が文字列1に現れる位置を返す:String 1.indexOf("String 2")=-1は見つからなかったことを示す.38.文字列に指定された位置の1文字をとる:StringA.charAt(9); 39.文字列の始点と終点を指定するサブ文字列を取り出す:stringA.substring(2,6); 40.数学関数:Math.PI(円周率を返す)、Math.SQRT 2(オープンに戻る)、Math.max(value 1,value 2)は2つの数の中で最も存在する値を返し、Math.Pow(value 1,10)はvalue 1の10乗を返します.Math.义齿floor(Math.random()*(n+1))は乱数41を返す.日付型変数の定義:var today=new Date()42.日付関数リスト:dateObj.getTime()取得時間、dateObj.getYear()取得年、dateObj.getFullYear()は4桁の年を取得し、dateObj.getMonth()は月を得る、dateObj.getDate()取得日、dateObj.getDay()取得日数,dateObj.getHours()取得時間、dateObj.getMinutes()は得点、dateObj.getSeconds()は秒、dateObjを得る.settime(value)設定時間、dateObj.setYear(val)設定年、dateObj.setMonth(val)設定月、dateObj.setDate(val)設定日、dateObj.setDay(val)設定曜日、dateObj.setHours設定時間、dateObj.setMinutes(val)設定分、dateObj.setSeconds(val)設定秒[注意:この日時は0からカウント]43.FRAMEの表示方法:[window.]frames[n].ObjFuncVarName,frames[“frameName”].ObjFuncVarName,frameName.ObjFuncVarName 44.parentは親オブジェクトを表し、topは最上位オブジェクト45を表す.子ウィンドウを開く親ウィンドウは、opener 46です.現在所属している場所を表す:this 47.ハイパーリンクでJS関数を呼び出す場合:(javascript:)で関数名48を先頭に付ける.このJS:49は、古いブラウザでは実行されません.ファイル形式のJS:50を参照する.スクリプトをサポートするブラウザに表示するHTML:51を指定する.ハイパーリンクとONCLICKイベントがある場合、古いバージョンのブラウザはa.htmlに移行し、そうでない場合はb.htmlに移行する.例:dfsadf 52.JSのビルド対象は、Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,Type Error,URIError 53である.JSでの改行:54.ウィンドウの全画面サイズ:
55.JSのallはその下層のすべての要素を表すhttp://bizhi.knowsky.com/56.JSでのフォーカス順:document.getElementByid(「フォーム要素」).tabIndex = 1 57.innerHTMLの値は、フォーム要素の値です.
「how are you」はinnerHTMLの値がhow are
you
58.innertexTの値は上と同じですが、このマークは表示されません.59.conentEditable要素が変更可能かどうかを設定し、isContentEditableは変更可能かどうかの状態を返す.60.isDisabledは禁止状態か否かを判断する.disabledは、禁止状態61を設定.lengthは長さを取得する、整数値62を返す.addBehavior()はJS呼び出しの外部関数ファイルである.htc 63.window.focus()は、現在のウィンドウをすべてのウィンドウの前にする.64.blur()は焦点を失うことを指す.focus()はフォーカスを取得することを指す.65.select()は要素が選択状態であることを指す.66.ユーザーがテキストボックスにテキストを入力することを防止する:οnfοcus=“this.blur()” 67.この要素がページに表示される数:document.all.tags(「div(または他のHTMLタグ」)length 68.JSでは2種類のフォーム出力に分けられる:モダリティと非モダリティ.window.showModaldialog(),window.showModeless() 69.ステータスバー文字の設定:window.status=‘文字’、デフォルトのステータスバー文字設定:window.defaultStatus=‘文字.’;70.お気に入りに追加:external.AddFavorite(“http://www.xrss.cn”,“jaskdlf”); 71.JSでスクリプトエラーが発生した場合、何もしません:window.onerror = doNothing; エラーハンドルの構文をwindowと指定します.onerror = handleError; 72.JSで現在開いているウィンドウの親ウィンドウを指定:window.Opener、Openerをサポートします.Opener...の多重継続.73.JSにおけるselfは、現在のウィンドウ74を指す.JS中ステータスバー表示内容:window.status="内容"75.JSにおけるtopとは、フレームセットの最上位のフレーム76を指す.JSで現在のウィンドウを閉じる:window.close(); 77.JSに提出された確認の有無の枠:if(confirm(「Are you sure」){alert(“ok”);}else{alert(“Not Ok”);} 78.JSのウィンドウリダイレクト:window.navigate(“http://www.sina.com.cn”); 79.JSでの印刷:window.print() 80.JSでのヒント入力ボックス:window.prompt(“message”,“defaultReply”); 81.JSのウィンドウスクロールバー:window.scroll(x,y) 82.JSの中のウィンドウは位置までスクロールします:window.scrollby 83.JSで設定間隔:setInterval(「expr」,msecDelay)またはsetInterval(funcRef,msecDelay)またはsetTimeout 84.JSのモダリティはIE 4+行に表示され、NNではできない:showModalDialog(「URL」[,arguments][features]);85.JSでの終了前に使用するハンドル:function verifyClose(){event.returnValue="we really like you and hope you will stay longer."}}}window.οnbefοreunlοad=verifyClose; 86.フォームが最初に呼び出されたときに使用するファイルハンドル:onload()87.フォームが閉じると呼び出されるファイルハンドル:onunload()88.window.locationのプロパティ:protocol(http:)、hostname(www.example.com)、port(80)、host(www.example.com:80)、pathname(「/a/a.html」)、hash(「#giantGizmo」、対応するアンカーにジャンプすること)、href(すべての情報)89.window.location.reload()現在のページをリフレッシュする.89-1.parent.location.reload()は、親オブジェクト(フレームワーク用)89-2をリフレッシュする.opener.location.reload()親ウィンドウオブジェクト(単一ウィンドウ用)89-3をリフレッシュする.top.location.reload()は、最上位オブジェクト(複数ウィンドウ用)90をリフレッシュする.window.history.back()は前のページに戻ります.history.forward()は次のページに戻ります.history.go(数ページ目に戻る、アクセスしたURLを使用してもよい)91.document.write()改行しない出力、document.writeln()改行出力92.document.body.noWrap=true;リンク文字の折り曲げを防止する.93.変数名charAt(何番目)は、その変数の何番目の文字をとる.94.“abc”.charCodeAt(数番目)は、数番目の文字のASCii符号値を返す.95.文字列接続:string.concat(string 2)、または+=で接続する96.変数indexOf(「文字」、開始位置)は、最初に出現する位置(0から計算)97を返す.string.LastIndexOf(searchString[,startIndex])が最後に現れる位置.98.string.match(regExpression)は、文字が一致するか否かを判断する.99.string.replace(regExpression,replaceString)は既存の文字列を置換する.100.string.split(セパレータ)は、配列の格納値を返す.101.string.substr(start[,length])は、何番目から指定する長さまでの文字列をとる.102.string.toLowerCase()は文字列をすべて小文字にします.103.string.toUpperCase()はすべての文字を大文字にする.104.parseInt(string[,radix(代表進数))は強制的に整数型に変換する.105.parseFloat(string[,radix])は強制的に浮動小数点型に変換する.106.isNaN(変数):数値型かどうかをテストする.107.定数を定義するキーワード:const、変数を定義するキーワード:var
1.出力文:document.write(""); 2.JSのコメントは//3.従来のHTMLドキュメントの順序はdocument->html->head,body 4.ブラウザウィンドウのDOM順序は、window->5(navigator,screen,history,location,document)です.フォーム内の要素の名前と値を取得します:document.getElementById(「フォーム内の要素のID番号」).name(またはvalue)6.大文字小文字変換のJS:document.getElementById(“output”).value = document.getElementById(“input”).value.toUpperCase();//大文字に変換getElementById(“output”).value = document.getElementById(“input”).value.toLowerCase();//小文字を回すJSの値タイプ:String,Number,Boolean,Null,Object,Function 8.JSの文字型を数値型に変換する:parseInt()、parseFloat()9.JSの数字を文字型に変換する:(""+変数)10.JSにおける取文字列の長さは、(length)11.JS中の文字と文字を接続するには+番号を使用する.12.JSの比較オペレータには、==イコール、!=等しくない、>,>=,<.>13.JSで宣言変数は:varを使用して宣言する.JSにおける判定文構造:if(condition){}else{}15.JSにおけるループ構造:for([initial e])xPRession];[condition];[upadte expression]) {inside loop} 16.ループ中止のコマンドは、break、continueが現在のループをスキップし、次の反復に進むことです.17.JSでの関数定義:function functionName([parameter],...){statement[s]}18.ファイルに複数のformフォームが表示する場合.documentを使ってもいいです.forms[0],document.forms[1]に取って代わる.19.ウィンドウ:ウィンドウを開きます.Open()、ウィンドウを閉じます:window.close()、ウィンドウ自体:self 20.ステータスバーの設定:window.status=「文字」;21.ポップアップメッセージ:window.alert(「文字」);22.ポップアップ確認ボックス:window.confirm(); 23.ポップアップ入力プロンプトボックス:window.prompt(); 24.現在表示されているリンクの場所:windowを指定します.location.href=“URL” 25.フォームから取り出したすべてのフォームの数:document.forms.length 26.ドキュメントの出力フローを閉じる:document.close(); 27.文字列追加コネクタ:+=28.ドキュメント要素を作成します:document.createElement(),document.createTextNode() 29.要素を得る方法:document.getElementById() 30.フォーム内のすべてのテキスト型のメンバーの値を空白に設定します.
var form = window.document.forms[0]
for (var i = 0; i31.チェックボタンJSで「document.forms[0].checkThis.checked(checked属性は、TRUEまたはFALSEを返すか否かを表す)32.ラジオボタングループ(ラジオボタンの名前は同じでなければなりません):ラジオボタングループの長さdocumentを取ります.forms[0].groupName.length 33.ラジオボタングループが選択されているかどうかを判断するのもcheckedです.34.ドロップダウン・リスト・ボックスの値:document.forms[0].selectName.options[n].value(nドロップダウンリストボックス名に.selectedIndexを付けることで選択された値を決定する場合がある)35.文字列の定義:var mysString=new String(「This is lightsWord」);36.文字列を大文字に変換:string.toUpperCase(); 文字列を小文字に変換:string.toLowerCase(); 37.文字列2が文字列1に現れる位置を返す:String 1.indexOf("String 2")=-1は見つからなかったことを示す.38.文字列に指定された位置の1文字をとる:StringA.charAt(9); 39.文字列の始点と終点を指定するサブ文字列を取り出す:stringA.substring(2,6); 40.数学関数:Math.PI(円周率を返す)、Math.SQRT 2(オープンに戻る)、Math.max(value 1,value 2)は2つの数の中で最も存在する値を返し、Math.Pow(value 1,10)はvalue 1の10乗を返します.Math.义齿floor(Math.random()*(n+1))は乱数41を返す.日付型変数の定義:var today=new Date()42.日付関数リスト:dateObj.getTime()取得時間、dateObj.getYear()取得年、dateObj.getFullYear()は4桁の年を取得し、dateObj.getMonth()は月を得る、dateObj.getDate()取得日、dateObj.getDay()取得日数,dateObj.getHours()取得時間、dateObj.getMinutes()は得点、dateObj.getSeconds()は秒、dateObjを得る.settime(value)設定時間、dateObj.setYear(val)設定年、dateObj.setMonth(val)設定月、dateObj.setDate(val)設定日、dateObj.setDay(val)設定曜日、dateObj.setHours設定時間、dateObj.setMinutes(val)設定分、dateObj.setSeconds(val)設定秒[注意:この日時は0からカウント]43.FRAMEの表示方法:[window.]frames[n].ObjFuncVarName,frames[“frameName”].ObjFuncVarName,frameName.ObjFuncVarName 44.parentは親オブジェクトを表し、topは最上位オブジェクト45を表す.子ウィンドウを開く親ウィンドウは、opener 46です.現在所属している場所を表す:this 47.ハイパーリンクでJS関数を呼び出す場合:(javascript:)で関数名48を先頭に付ける.このJS:49は、古いブラウザでは実行されません.ファイル形式のJS:50を参照する.スクリプトをサポートするブラウザに表示するHTML:51を指定する.ハイパーリンクとONCLICKイベントがある場合、古いバージョンのブラウザはa.htmlに移行し、そうでない場合はb.htmlに移行する.例:dfsadf 52.JSのビルド対象は、Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,Type Error,URIError 53である.JSでの改行:54.ウィンドウの全画面サイズ:
55.JSのallはその下層のすべての要素を表すhttp://bizhi.knowsky.com/56.JSでのフォーカス順:document.getElementByid(「フォーム要素」).tabIndex = 1 57.innerHTMLの値は、フォーム要素の値です.
「how are you」はinnerHTMLの値がhow are
you
58.innertexTの値は上と同じですが、このマークは表示されません.59.conentEditable要素が変更可能かどうかを設定し、isContentEditableは変更可能かどうかの状態を返す.60.isDisabledは禁止状態か否かを判断する.disabledは、禁止状態61を設定.lengthは長さを取得する、整数値62を返す.addBehavior()はJS呼び出しの外部関数ファイルである.htc 63.window.focus()は、現在のウィンドウをすべてのウィンドウの前にする.64.blur()は焦点を失うことを指す.focus()はフォーカスを取得することを指す.65.select()は要素が選択状態であることを指す.66.ユーザーがテキストボックスにテキストを入力することを防止する:οnfοcus=“this.blur()” 67.この要素がページに表示される数:document.all.tags(「div(または他のHTMLタグ」)length 68.JSでは2種類のフォーム出力に分けられる:モダリティと非モダリティ.window.showModaldialog(),window.showModeless() 69.ステータスバー文字の設定:window.status=‘文字’、デフォルトのステータスバー文字設定:window.defaultStatus=‘文字.’;70.お気に入りに追加:external.AddFavorite(“http://www.xrss.cn”,“jaskdlf”); 71.JSでスクリプトエラーが発生した場合、何もしません:window.onerror = doNothing; エラーハンドルの構文をwindowと指定します.onerror = handleError; 72.JSで現在開いているウィンドウの親ウィンドウを指定:window.Opener、Openerをサポートします.Opener...の多重継続.73.JSにおけるselfは、現在のウィンドウ74を指す.JS中ステータスバー表示内容:window.status="内容"75.JSにおけるtopとは、フレームセットの最上位のフレーム76を指す.JSで現在のウィンドウを閉じる:window.close(); 77.JSに提出された確認の有無の枠:if(confirm(「Are you sure」){alert(“ok”);}else{alert(“Not Ok”);} 78.JSのウィンドウリダイレクト:window.navigate(“http://www.sina.com.cn”); 79.JSでの印刷:window.print() 80.JSでのヒント入力ボックス:window.prompt(“message”,“defaultReply”); 81.JSのウィンドウスクロールバー:window.scroll(x,y) 82.JSの中のウィンドウは位置までスクロールします:window.scrollby 83.JSで設定間隔:setInterval(「expr」,msecDelay)またはsetInterval(funcRef,msecDelay)またはsetTimeout 84.JSのモダリティはIE 4+行に表示され、NNではできない:showModalDialog(「URL」[,arguments][features]);85.JSでの終了前に使用するハンドル:function verifyClose(){event.returnValue="we really like you and hope you will stay longer."}}}window.οnbefοreunlοad=verifyClose; 86.フォームが最初に呼び出されたときに使用するファイルハンドル:onload()87.フォームが閉じると呼び出されるファイルハンドル:onunload()88.window.locationのプロパティ:protocol(http:)、hostname(www.example.com)、port(80)、host(www.example.com:80)、pathname(「/a/a.html」)、hash(「#giantGizmo」、対応するアンカーにジャンプすること)、href(すべての情報)89.window.location.reload()現在のページをリフレッシュする.89-1.parent.location.reload()は、親オブジェクト(フレームワーク用)89-2をリフレッシュする.opener.location.reload()親ウィンドウオブジェクト(単一ウィンドウ用)89-3をリフレッシュする.top.location.reload()は、最上位オブジェクト(複数ウィンドウ用)90をリフレッシュする.window.history.back()は前のページに戻ります.history.forward()は次のページに戻ります.history.go(数ページ目に戻る、アクセスしたURLを使用してもよい)91.document.write()改行しない出力、document.writeln()改行出力92.document.body.noWrap=true;リンク文字の折り曲げを防止する.93.変数名charAt(何番目)は、その変数の何番目の文字をとる.94.“abc”.charCodeAt(数番目)は、数番目の文字のASCii符号値を返す.95.文字列接続:string.concat(string 2)、または+=で接続する96.変数indexOf(「文字」、開始位置)は、最初に出現する位置(0から計算)97を返す.string.LastIndexOf(searchString[,startIndex])が最後に現れる位置.98.string.match(regExpression)は、文字が一致するか否かを判断する.99.string.replace(regExpression,replaceString)は既存の文字列を置換する.100.string.split(セパレータ)は、配列の格納値を返す.101.string.substr(start[,length])は、何番目から指定する長さまでの文字列をとる.102.string.toLowerCase()は文字列をすべて小文字にします.103.string.toUpperCase()はすべての文字を大文字にする.104.parseInt(string[,radix(代表進数))は強制的に整数型に変換する.105.parseFloat(string[,radix])は強制的に浮動小数点型に変換する.106.isNaN(変数):数値型かどうかをテストする.107.定数を定義するキーワード:const、変数を定義するキーワード:var