ホームページ ウェブフロントエンド jsチュートリアル JS共通関数使い方ガイド_基礎知識

JS共通関数使い方ガイド_基礎知識

May 16, 2016 pm 04:30 PM
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 の値は次のとおりです: you

58.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

結局、百八将は取れなかったのですが、ちょっと残念ですが、友達が補ってくれてもいいですか?

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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)

JS と Baidu Maps を使用してマップ パン機能を実装する方法 JS と Baidu Maps を使用してマップ パン機能を実装する方法 Nov 21, 2023 am 10:00 AM

JS と Baidu Map を使用してマップ パン機能を実装する方法 Baidu Map は広く使用されている地図サービス プラットフォームで、Web 開発で地理情報、位置情報、その他の機能を表示するためによく使用されます。この記事では、JS と Baidu Map API を使用してマップ パン機能を実装する方法と、具体的なコード例を紹介します。 1. 準備 Baidu Map API を使用する前に、Baidu Map Open Platform (http://lbsyun.baidu.com/) で開発者アカウントを申請し、アプリケーションを作成する必要があります。作成完了

株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます 株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます Dec 17, 2023 pm 06:55 PM

株式分析に必須のツール: PHP および JS でローソク足チャートを描画する手順を学びます。特定のコード例が必要です。インターネットとテクノロジーの急速な発展に伴い、株式取引は多くの投資家にとって重要な方法の 1 つになりました。株価分析は投資家の意思決定の重要な部分であり、ローソク足チャートはテクニカル分析で広く使用されています。 PHP と JS を使用してローソク足チャートを描画する方法を学ぶと、投資家がより適切な意思決定を行うのに役立つ、より直感的な情報が得られます。ローソク足チャートとは、株価をローソク足の形で表示するテクニカルチャートです。株価を示しています

推奨: 優れた JS オープンソースの顔検出および認識プロジェクト 推奨: 優れた JS オープンソースの顔検出および認識プロジェクト Apr 03, 2024 am 11:55 AM

顔の検出および認識テクノロジーは、すでに比較的成熟しており、広く使用されているテクノロジーです。現在、最も広く使用されているインターネット アプリケーション言語は JS ですが、Web フロントエンドでの顔検出と認識の実装には、バックエンドの顔認識と比較して利点と欠点があります。利点としては、ネットワーク インタラクションの削減とリアルタイム認識により、ユーザーの待ち時間が大幅に短縮され、ユーザー エクスペリエンスが向上することが挙げられます。欠点としては、モデル サイズによって制限されるため、精度も制限されることが挙げられます。 js を使用して Web 上に顔検出を実装するにはどうすればよいですか? Web 上で顔認識を実装するには、JavaScript、HTML、CSS、WebRTC など、関連するプログラミング言語とテクノロジに精通している必要があります。同時に、関連するコンピューター ビジョンと人工知能テクノロジーを習得する必要もあります。 Web 側の設計により、次の点に注意してください。

PHP と JS を使用して株価ローソク足チャートを作成する方法 PHP と JS を使用して株価ローソク足チャートを作成する方法 Dec 17, 2023 am 08:08 AM

PHP と JS を使用して株のローソク足チャートを作成する方法。株のローソク足チャートは、株式市場で一般的なテクニカル分析グラフィックです。始値、終値、最高値、株価などのデータを描画することで、投資家が株式をより直観的に理解するのに役立ちます。株価の最低価格、価格変動。この記事では、PHP と JS を使用して株価のローソク足チャートを作成する方法を、具体的なコード例とともに説明します。 1. 準備 開始する前に、次の環境を準備する必要があります。 1. PHP を実行するサーバー 2. HTML5 および Canvas をサポートするブラウザー 3

PHP および JS 開発のヒント: 株価ローソク足チャートの描画方法をマスターする PHP および JS 開発のヒント: 株価ローソク足チャートの描画方法をマスターする Dec 18, 2023 pm 03:39 PM

インターネット金融の急速な発展に伴い、株式投資を選択する人がますます増えています。株式取引では、ローソク足チャートは一般的に使用されるテクニカル分析手法であり、株価の変化傾向を示し、投資家がより正確な意思決定を行うのに役立ちます。この記事では、PHP と JS の開発スキルを紹介し、株価ローソク足チャートの描画方法を読者に理解してもらい、具体的なコード例を示します。 1. 株のローソク足チャートを理解する 株のローソク足チャートの描き方を紹介する前に、まずローソク足チャートとは何かを理解する必要があります。ローソク足チャートは日本人が開発した

JSとBaidu Mapsを使ってマップヒートマップ機能を実装する方法 JSとBaidu Mapsを使ってマップヒートマップ機能を実装する方法 Nov 21, 2023 am 09:33 AM

JS と Baidu Maps を使用してマップ ヒート マップ機能を実装する方法 はじめに: インターネットとモバイル デバイスの急速な発展に伴い、マップは一般的なアプリケーション シナリオになりました。視覚的な表示方法として、ヒート マップはデータの分布をより直観的に理解するのに役立ちます。この記事では、JS と Baidu Map API を使用してマップ ヒート マップ機能を実装する方法と、具体的なコード例を紹介します。準備作業: 開始する前に、次の項目を準備する必要があります: Baidu 開発者アカウント、アプリケーションの作成、対応する AP の取得

JSと百度地図を使って地図クリックイベント処理機能を実装する方法 JSと百度地図を使って地図クリックイベント処理機能を実装する方法 Nov 21, 2023 am 11:11 AM

JS と Baidu Maps を使用してマップ クリック イベント処理を実装する方法の概要: Web 開発では、地理的位置と地理情報を表示するためにマップ関数を使用することが必要になることがよくあります。マップ上のクリック イベント処理は、マップ機能の一般的に使用される重要な部分です。この記事では、JS と Baidu Map API を使用して地図のクリック イベント処理機能を実装する方法と、具体的なコード例を紹介します。手順: Baidu Map の API ファイルをインポートします。まず、Baidu Map API のファイルを HTML ファイルにインポートします。これは、次のコードによって実現できます。

JSとBaidu Mapsを使って地図ポリゴン描画機能を実装する方法 JSとBaidu Mapsを使って地図ポリゴン描画機能を実装する方法 Nov 21, 2023 am 10:53 AM

JS と Baidu Maps を使用して地図ポリゴン描画機能を実装する方法 現代の Web 開発において、地図アプリケーションは一般的な機能の 1 つになっています。地図上にポリゴンを描画すると、ユーザーが表示および分析できるように特定のエリアをマークするのに役立ちます。この記事では、JS と Baidu Map API を使用して地図ポリゴン描画機能を実装する方法と、具体的なコード例を紹介します。まず、Baidu Map API を導入する必要があります。次のコードを使用して、Baidu Map API の JavaScript を HTML ファイルにインポートできます。

See all articles