ホームページ > 記事 > ウェブフロントエンド > JS共通関数使い方ガイド_基礎知識
1.document.write(""); 出力ステートメント
2. JS のコメントは //
です。3. HTML ドキュメントの従来の順序は次のとおりです: document->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 の値の型: 文字列、数値、ブール値、ヌル、オブジェクト、関数
8. JS の文字型を数値型に変換する: parseInt()、parseFloat()
9. JS 内の数値を文字型に変換します: ("" 変数)
10. JS の文字列の長さは次のとおりです: (長さ)
11.JS内の文字と文字を数字で結びます。
12. JS の比較演算子は次のとおりです: == 等しい、!= 等しくない、>、>=、<.<=
13. JS で変数を宣言するには var を使用します
14. JS での判定文の構造: if(condition){}else{}
15. JS のループ構造: for([初期式];[条件];[更新式]) {ループ内}
16. ループを終了するコマンドは次のとおりです: Break
17. JS での関数定義: function functionName([パラメータ],...){ステートメント[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. 入力プロンプトボックスをポップアップ表示します: 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
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. ラジオ ボタン グループもチェックを使用して選択されているかどうかを判断します。
34. ドロップダウン リスト ボックスの値: document.forms[0].selectName.options[n].value (n は、選択された内容を決定するためにドロップダウン リスト ボックスの名前と .selectedIndex を使用する場合があります)値)
35. 文字列の定義: var myString = new String("これはライトソードです");
36. 文字列を大文字に変換します: string.toUpperCase(); 文字列を小文字に変換します: string.toLowerCase();
37. 文字列 1 内で文字列 2 が出現する位置を返します: String1.indexOf("String2")!=-1 は見つからなかったことを意味します。
38. 文字列内の指定された位置にある文字を取得します: StringA.charAt(9);
39. 文字列内の指定された開始点と終了点を持つ部分文字列を取り出します: stringA.substring(2,6);
40. 数学関数: Math.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() は年を取得し、dateObj.getFull Year() は 4 桁の年を取得し、dateObj.getMonth() は月を取得します。 .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、TypeError、URIError
53. JS:n の改行
54. ウィンドウの全画面サイズ:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}</p> <p>window.maximize=fullScreen;</script>
JS の 55.all は、その下のすべての要素を表します
56.JS でのフォーカス順序: document.getElementByid("Form Element").tabIndex = 1
57. innerHTML の値は、form 要素の値です。たとえば、
"how are you"
です。 innerHTML の値は次のとおりです: you58.innerTEXT の値は、 のようなタグが表示されないことを除いて、上記と同じです。
59.contentEditable は要素を変更できるかどうかを設定でき、isContentEditable は要素が変更できるかどうかを返します。
60.isDisabled は禁止状態かどうかを決定し、disabled は禁止状態を設定します
61.length は長さを取得し、整数値を返します
62.addBehavior() は、JS によって呼び出される外部関数ファイルであり、拡張子は .htc
です。63.window.focus() は、現在のウィンドウをすべてのウィンドウの前に配置します。
64.blur() はフォーカスを失うことを意味します。
の逆です。65.select() は要素が選択されていることを意味します。
66. ユーザーがテキスト ボックスにテキストを入力できないようにします:
67. ページ上のこの要素の出現数を取得します: document.all.tags("div (または他の 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;
72. JS で現在開いているウィンドウの親ウィンドウを指定します: window.opener、opener.opener の複数の継続をサポートします...
73.JS の Self は現在のウィンドウを参照します
74. JS のステータスバーに表示されるコンテンツ: window.status="content"
75. JS の先頭とは、フレーム セットの最上位のフレームを指します
76. JS で現在のウィンドウを閉じます: window.close();
77. JS の確認ボックス: if(confirm("Are you some?")){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 のモーダル表示は 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")、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() は前のページに戻り、window.history.forward() は次のページ window.history.go に戻ります (どのページに戻りますか。訪問した URL を使用することもできます)
91.document.write() は改行なしで出力、document.writeln() は改行ありで出力
92.document.body.noWrap=true; リンク テキストの折り返しを防止します。
93. 変数名.charAt(数値)、変数の文字を取得します。
94."abc".charCodeAt(number)、どの文字の ASCii コード値を返します。
95. 文字列の連結: 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 (区切り文字) は、値を格納する配列を返します。
101.string.substr(start[,length]) は、数字から指定された長さまでの文字列を取得します。
102.string.toLowerCase() は文字列をすべて小文字にします。
103.string.toUpperCase() はすべての文字を大文字にします。
104.parseInt(string[,radix(基数を表す)]) は強制的に整数型に変換されます。
105.parseFloat(string[,radix]) は強制的に浮動小数点型に変換されます。
106.isNaN (変数): 数値型かどうかをテストします。
107. 定数を定義するためのキーワード: const、変数を定義するためのキーワード: var
結局、百八将は取れなかったのですが、ちょっと残念ですが、友達が補ってくれてもいいですか?