ホームページ  >  記事  >  ウェブフロントエンド  >  よく使用される 100 の js 関数と構文

よく使用される 100 の js 関数と構文

不言
不言オリジナル
2018-04-10 14:32:591372ブラウズ

この記事では、一般的に使用される 100 個の js 関数と構文を紹介します。必要な方は参考にしてください。

ウェブサイトの特殊効果は、最も一般的に使用されるスクリプト言語です。よく使用される基本関数と構文:

1. 出力ステートメント: document.write(""); 2. JS 内のコメントは
//3. >html->(head,body)
4. ブラウザウィンドウでの DOM の順序は次のとおりです:window->(ナビゲーター、画面、履歴、場所、ドキュメント)
5. フォーム内の要素を取得します。名前と値: document.getElementById("フォーム内の要素の ID 番号").name (または value)
6. 小文字から大文字への JS: document.getElementById("output").value = document。 getElementById ("input").value.toUpperCase();
7. JS の値の型: String、Number、Boolean、Null、Object、Function
8. JS の文字型を数値型に変換します: parseInt ( )、parseFloat()
9. JS の数値を文字型に変換します: (""+variable)10. JS の文字列の長さは次のとおりです: (length)
11. JS の文字は文字に似ています。
12. JS の比較演算子は次のとおりです: == 等しい、!= と等しくない、>、>=、<.<=
13. JS で変数を宣言するには var を使用します。ステートメント
14. JS の判定ステートメントの構造:
if(condition){}else{}
15. JS のループ構造: for([initial exPRession];[condition];[upadteexpression]) {inside loop } 16. ループを終了するコマンドは、break
17. JS での関数定義: function functionName([parameter],...){statement[s]}
18. ファイル内に複数のフォームがある場合に使用できます。代わりに document.forms[0]、document.forms[1]
19. ウィンドウを開く: window.open()、ウィンドウを閉じる: window.close()、ウィンドウ自体: self
20. : window.status="character";
21. ポップアップ プロンプト メッセージ: window.alert("character");
22. ポップアップ確認ボックス: window.confirm();
23. box: 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; i<form.elements.length;i++){     if (form.elements[i].type == "text"){
         form.elements[i].value = "";
     }
}


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 myString = new String("This is LightsWord");
36. 文字列を大文字に変換します: string.toUpperCase(); 文字列を小文字に変換します: string.toLowerCase();
37. string 1: String1.indexOf("String2") !=-1 は見つからないことを意味します。
38. 文字列内の指定された位置にある文字を取得します: StringA.charAt(9);
39. 指定された開始位置を持つ部分文字列を取得します。文字列内の点と終点: stringA.substring(2 ,6);
40. 数学関数: Math.PI (pi を返す)、Math.SQRT2 (平方根を返す)、Math.max(value1, value2) を返します。 2 つの数値の最大値、Math.pow(value1 ,10) value1 の 10 乗を返します。Math.round(value1) 丸め関数、Math.floor(Math.random()*(n+1)) は乱数を返します。
41. 日付型変数を定義します: var today = new Date();
42. 日付関数のリスト:
dateObj.getTime() は時刻を取得し、
dateObj.get Year() は年を取得します。 4 桁の年を取得し、
dateObj.getMonth() は月を取得し、
dateObj.getDate() は日を取得し、
dateObj.getDay() は日付を取得し、
dateObj.getHours() は時間を取得します。 getMinutes() は分を取得し、
dateObj.getSeconds() は秒を取得し、
dateObj.setTime (value) は時間を設定し、
dateObj.setyear(val) は年を設定し、
dateObj.setMonth(val) は月を設定します。
dateObj.setDate(val) は曜日を設定し、
dateObj.setDay(val) は曜日を設定します。
dateObj.setHours は時間を設定し、
dateObj.setMinutes(val) は分を設定します。秒 [注: この日付と時刻は 0 から始まります]
43. FRAME 表現:
[window.]frames[n ].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent は親オブジェクトを表します。 、top は最上位のオブジェクトを表します
45。子ウィンドウを開く親ウィンドウは、opener
46 です。ハイパーリンクで JS 関数を呼び出すときは、(javascript:) を使用して開始します。関数名
48. この JS は古いブラウザでは実行されません: ファイル形式の JS を引用します:
50. スクリプトをサポートしていないブラウザで表示される HTML を指定します:< ;noscript>
51. ハイパーリンクと ONCLICK イベントの両方がある場合、古いブラウザのバージョンでは a.html にリダイレクトされ、それ以外の場合は b.html にリダイレクトされます。 例: dfsadf
52. JS の組み込みオブジェクトは次のとおりです: Array、Boolean、Date、Error、EvalError、Function、Math、Number、Object、RangeError、ReferenceError、RegExp、String、SyntaxError、TypeError、URIError
53 . JS の改行: n
54。ウィンドウの全画面サイズ:
<script>function fullScreen(){ this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight; }window.maximize=fullScreen;</script>
55.all JS ではその下のすべての要素を表します http://bizhi.knowsky.com/
56. JS でのフォーカス順序: document.getElementByid("Form Element" ).tabIndex = 1
57。innerHTML の値は、form 要素の値です。例:

「how are

の場合、innerHTML の値は次のようになります。you
58。innerTEXT の値は、 の種類のマークが表示されることを除いて、上記と同じです。要素が変更可能かどうかを設定し、isContentEditable は変更可能かどうかのステータスを返します。
60.isDisabled は禁止状態かどうかを決定します。disabled は禁止状態を設定します。
61.length は長さを取得し、整数値を返します。 62.addBehavior() は JS によって呼び出される外部関数ファイルです。その拡張子は .htc です。
63.window.focus() はフォーカスを失うことを意味します。 () はその逆です。
65.select() は要素が選択されていることを意味します: onfocus="this.blur()"
67。ページ上の要素:document.all.tags("p (または他の HTML タグ)").length
68.JS は、モーダルと非モーダルの 2 種類のフォーム出力に分けられます。window.showModaldialog(),window .showModeless( )
69. ステータスバーのテキスト設定: window.status='text'、デフォルトのステータスバーのテキスト設定: window.defaultStatus = 'text.';
70. お気に入りに追加: external.AddFavorite("http:/ /www.xrss.cn","jaskdlf");
71. JS でスクリプト エラーが発生した場合、操作は実行されません: window.onerror = doNothing; エラー ハンドルを指定するための構文は次のとおりです: window.onerror = handleError; JS で現在開いているウィンドウの親ウィンドウを指定します。 : window.opener、opener.opener の複数の継続をサポートします...
73.JS の Self は現在のウィンドウを参照します
74.JS のステータス バーにはコンテンツが表示されます: window.status="content"
75.JS のtopフレームセット内の最上位フレームワークを参照します。
76.JS は現在のウィンドウを閉じます: window.close();
77.JS は確認するかどうかを尋ねます: if(confirm("Are you so?")) {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 のモーダル表示は IE4+ です。 OK、NN ではありません: showModalDialog("URL"[,arguments][,features]);
85. JS で終了する前に使用されるハンドル: function verifyClose(){event.returnValue="私たちはあなたを本当に気に入っており、あなたがそうしてくれることを願っています長く滞在してください。";}} window.onbeforeunload=verifyClose;
86. フォームが初めて呼び出されるときに使用されるファイル ハンドル: onload()
87. フォームが閉じられるときに呼び出されるファイル ハンドル: onunload()
88.window.location のプロパティ: プロトコル(http:)、ホスト名(www.example.com)、ポート(80)、ホスト(www.example.com:80)、パス名("/a/a.html" ) 、ハッシュ (「#giantGizmo」、対応するアンカーへのジャンプを指します)、href (すべての情報)
89.window.location.reload() は現在のページを更新します。
89-1.parent.location.reload() Refresh親オブジェクト (フレームの場合)
89-2.opener.location.reload() 親ウィンドウ オブジェクトを更新します (シングルオープン ウィンドウの場合)
89-3.top.location.reload() 一番上のオブジェクトを更新します ((複数のウィンドウを使用する場合)
90.window.history.back() は前のページに戻り、window.history.forward() は次のページに戻り、window.history.go (最初のページに戻ります。訪問先 URL )
91.document.write() 行折り返しなしの出力、document.writeln() 行折り返しありの出力
92.document.body.noWrap=true; リンクテキストの折り返しを防止
93.Variable name.charAt(数字)、変数の文字を取得します。"abc".charCodeAt (数値)、文字列の連結: string.concat (string2)、または += を使用して接続します。
96.Variable .indexOf("Character", 開始位置)、最初の出現位置 (0 から計算) を返します。
97.string.lastIndexOf(searchString[,startIndex]) 最後の出現位置。
98.string.match( regExpression)、文字が一致するかどうかを判断します。
99.string.replace(regExpression,replaceString) は既存の文字列を置き換えます。
100.string.split(separator) は値を格納する配列を返します。
101.string.substr(start [,length]) は、数字から指定された長さまでの文字列を取得します。
102.string.toLowerCase() は文字列をすべて小文字にします。
103.string.toUpperCase() はすべての文字を大文字にします。
104.parseInt(string[ ,radix (基数を表す)]) は整数型に強制的に変換されます。
105.parseFloat(string[,radix]) は浮動小数点型に強制的に変換されます。
106. isNaN (変数):数値型です。
107. 定数を定義するためのキーワード: const、変数を定義するためのキーワード: var

以上がよく使用される 100 の js 関数と構文の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。