ホームページ > 記事 > ウェブフロントエンド > よく使用される 100 の js 関数と構文
この記事では、一般的に使用される 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以上がよく使用される 100 の js 関数と構文の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。