ホームページ ウェブフロントエンド jsチュートリアル よく使用される 100 の js 関数と構文

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

Apr 10, 2018 pm 02:32 PM
javascript 関数 文法

この記事では、一般的に使用される 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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

golang 関数で新しい関数を動的に作成するためのヒント golang 関数で新しい関数を動的に作成するためのヒント Apr 25, 2024 pm 02:39 PM

Go 言語は、クロージャとリフレクションという 2 つの動的関数作成テクノロジを提供します。クロージャを使用すると、クロージャ スコープ内の変数にアクセスでき、リフレクションでは FuncOf 関数を使用して新しい関数を作成できます。これらのテクノロジーは、HTTP ルーターのカスタマイズ、高度にカスタマイズ可能なシステムの実装、プラグイン可能なコンポーネントの構築に役立ちます。

C++ 関数の命名におけるパラメーターの順序に関する考慮事項 C++ 関数の命名におけるパラメーターの順序に関する考慮事項 Apr 24, 2024 pm 04:21 PM

C++ 関数の名前付けでは、読みやすさを向上させ、エラーを減らし、リファクタリングを容易にするために、パラメーターの順序を考慮することが重要です。一般的なパラメータの順序規則には、アクション-オブジェクト、オブジェクト-アクション、意味論的な意味、および標準ライブラリへの準拠が含まれます。最適な順序は、関数の目的、パラメーターの種類、潜在的な混乱、および言語規約によって異なります。

Java で効率的で保守しやすい関数を記述するにはどうすればよいでしょうか? Java で効率的で保守しやすい関数を記述するにはどうすればよいでしょうか? Apr 24, 2024 am 11:33 AM

効率的で保守しやすい Java 関数を作成するための鍵は、シンプルに保つことです。意味のある名前を付けてください。特殊な状況に対処します。適切な可視性を使用してください。

Excel関数の公式の完全なコレクション Excel関数の公式の完全なコレクション May 07, 2024 pm 12:04 PM

1. SUM 関数は、列またはセルのグループ内の数値を合計するために使用されます (例: =SUM(A1:J10))。 2. AVERAGE 関数は、列またはセルのグループ内の数値の平均を計算するために使用されます (例: =AVERAGE(A1:A10))。 3. COUNT 関数。列またはセルのグループ内の数値またはテキストの数をカウントするために使用されます。例: =COUNT(A1:A10)。 4. IF 関数。指定された条件に基づいて論理的な判断を行い、結果を返すために使用されます。対応する結果。

C++関数のデフォルトパラメータと可変パラメータの長所と短所の比較 C++関数のデフォルトパラメータと可変パラメータの長所と短所の比較 Apr 21, 2024 am 10:21 AM

C++ 関数のデフォルト パラメーターの利点には、呼び出しの簡素化、可読性の向上、エラーの回避などがあります。欠点は、柔軟性が限られていることと、名前の制限があることです。可変引数パラメーターの利点には、無制限の柔軟性と動的バインディングが含まれます。欠点としては、複雑さの増大、暗黙的な型変換、デバッグの難しさなどが挙げられます。

参照型を返す C++ 関数の利点は何ですか? 参照型を返す C++ 関数の利点は何ですか? Apr 20, 2024 pm 09:12 PM

C++ で参照型を返す関数の利点は次のとおりです。 パフォーマンスの向上: 参照による受け渡しによりオブジェクトのコピーが回避され、メモリと時間が節約されます。直接変更: 呼び出し元は、返された参照オブジェクトを再割り当てせずに直接変更できます。コードの簡素化: 参照渡しによりコードが簡素化され、追加の代入操作は必要ありません。

カスタム PHP 関数と定義済み関数の違いは何ですか? カスタム PHP 関数と定義済み関数の違いは何ですか? Apr 22, 2024 pm 02:21 PM

カスタム PHP 関数と定義済み関数の違いは次のとおりです。 スコープ: カスタム関数はその定義のスコープに限定されますが、事前定義関数はスクリプト全体からアクセスできます。定義方法: カスタム関数は function キーワードを使用して定義されますが、事前定義関数は PHP カーネルによって定義されます。パラメータの受け渡し: カスタム関数はパラメータを受け取りますが、事前定義された関数はパラメータを必要としない場合があります。拡張性: カスタム関数は必要に応じて作成できますが、事前定義された関数は組み込みで変更できません。

C++ 関数例外の詳細: カスタマイズされたエラー処理 C++ 関数例外の詳細: カスタマイズされたエラー処理 May 01, 2024 pm 06:39 PM

C++ の例外処理は、特定のエラー メッセージ、コンテキスト情報を提供し、エラーの種類に基づいてカスタム アクションを実行するカスタム例外クラスを通じて強化できます。 std::Exception から継承した例外クラスを定義して、特定のエラー情報を提供します。カスタム例外をスローするには、throw キーワードを使用します。 try-catch ブロックでdynamic_castを使用して、キャッチされた例外をカスタム例外タイプに変換します。実際の場合、open_file 関数は FileNotFoundException 例外をスローします。例外をキャッチして処理すると、より具体的なエラー メッセージが表示されます。

See all articles