この記事では、JavaScript で一般的に使用されるいくつかのオブジェクトのプロパティとメソッド、およびいくつかの便利なシステム関数を簡単に紹介します。
1. 文字列メソッド
JavaScript には、これらの文字列メソッドを使用してのみ、カラフルな Web ページを作成できます。ここでは文字列オブジェクトに関するメソッドやプロパティの使い方を紹介します。
1. 文字列オブジェクトの長さ属性
文字列オブジェクトには、長さという 1 つの属性しかありません。この属性値は、文字列に含まれる相対的な文字数を示します。構文は次のとおりです: stringName.length
2. 文字列オブジェクト メソッド
JavaScript には、情報の表示を制御するための複数の文字列メソッドが用意されています。文字列メソッドは、属性メソッド、ナビゲーション メソッドなど、いくつかの主要なカテゴリに分類できます。以下、カテゴリー別にご紹介していきます。
(1) 属性メソッド 文字列属性メソッドは、通常のテキストを画面に表示する方法を指定します。ホームページをより魅力的にする理想的な方法を提供します。
blink() ブリンク() メソッドはテキストを点滅させます。 構文は次のとおりです: string.blink();
bold() ボールド() メソッドは文字列を太字にします。構文は次のとおりです: string.bold();
fontcolor() fontcolor() メソッドは、単一の文字列の色を変更したり、ページがリロードされるかイベントが発生するたびに色を変更したりできます。同様に、このメソッドにも対応する HTML 識別子があります。fontcolor() の構文は string.fontcolor(color); です。ここで、color は色の正当な表現です。
italics() italics() メソッドは、他のテキストと区別するために文字列を斜体に変更します。 italics() の構文は次のとおりです。 🎜> JavaScript では大文字と小文字が厳密に区別されます。 2 つの文字列を簡単に比較するには、文字列を大文字または小文字に変換する必要があります。文字列オブジェクトの case メソッドは、大文字と小文字の間の変換をサポートします。
toLowerCase() to lowerCase() メソッドは、指定された文字列内の各文字を小文字に変換します。構文は次のとおりです: string=stringValue.toLowerCase(); toUpperCase() to lowerCase() メソッドの反対は、指定された文字列を大文字の文字列に変換する toUpperCase() メソッドです。 string=stringValue.toUpperCase();
(3) 操作メソッド
操作メソッドには、charAt()、indexO f()、LastIndexOf の 4 つのメソッドを含む、テキスト文字列内の文字列を検索するための多くのメソッドが用意されています。 () と部分文字列()。これらのメソッドを使用して、ユーザーが入力した文字列変数のフォーマットと操作を行うことができます。charAt() メソッドと substring() メソッドは、文字列から 1 つ以上の文字を抽出し、残りの 2 つのメソッドは、見つかった値の最初の値を返します。文字列内で文字が出現する位置の数値。
charAt() charAt() メソッドは、指定された文字列から指定された位置にある文字を返します。これは次のように使用されます: string.charAt(index); ここで、index は 0 から文字列の長さ未満の数値です (文字列の長さは Length 属性を通じて取得できます)、 substring() substring() メソッドa より大きな文字列の部分文字列を返します。その構文は次のとおりです: string.substring(indexA, IndexB) IndexA と IndexB は両方とも 0 から文字列の長さまでの数値です。これらは文字列の 2 つの添え字です。 indexOf() IndexOf() メソッドは、長い文字列内の指定された文字列に一致する部分文字列の位置を返します。指定された文字列を左から右に検索します。構文は次のとおりです。 string.indexOf(searchValue, [fromIndex]); ここで、string は、indexOf() が検索する文字列であり、searc hValue は必要なものです。文字または部分文字列を検索します。 fromIndex は、検索を開始する場所を指定するオプションのオプションです。 fromIndex の範囲は charAt() および Subs string() と同様です (0 から length-1)。 fromIndex が指定されていない場合、このメソッドはデフォルト値を仮定して文字列全体を検索します。 IndexOf() の戻り値は、searchValue が最初に出現する最初の文字の (文字列の先頭からの) オフセットです。 fromIndex が指定されている場合でも、戻り値は文字列の先頭を基準としています (以前のいくつかの場所に出現する可能性がある ArchValue は無視されます)。
lastIndexOf() lastIndexOf() メソッドは、文字列を右から左に検索する点を除いて、IndexOf() メソッドと似ています。 lastIndexOf() は、検索文字列の最後の文字の位置ではなく、最初の文字の位置を返します。 lastIndexOf() メソッドの構文は次のとおりです。 string.Last IndexOf(searchValue); 引き続き検索する文字列です。
(4) ナビゲーション方法
ハイパーテキストを使っていると、アンカーやリンクという概念に触れることになります。アンカーは Web ページに置かれたブックマークのようなもの (簡単に戻ることができます)、リンクは別のページ (または同じページまたは別のページのアンカー) へのガイドです。
anchor() アンカーを設定するために使用されるメソッドは非常に単純です。 string.anchor(anchorName); 次の例を考えてみましょう。 ( "anchorName")); このステートメントは、アンカーの実際の名前である Index というテキストを画面に表示します。このようなアンカーは通常、ページ上のアンカーの実際の位置にジャンプするためにリンクによって使用されます。 link() link()の機能は指定されたターゲットにジャンプすることです。これは、標準の HTML 引用符 (HREF 属性で指定されたハイパーテキスト引用符) と同等です。その構文も非常に単純です。 linkText.link(href) linkText は画面上のテキストです。href 属性は必ずしもアンカーである必要はなく、正当な URL 参照にすることもできます。次の例は、link() を使用して、以前に作成したアンカーに直接ジャンプするリンクを作成する方法を示しています。画面上のリンク形式のテキスト インデックス (通常は下線付き)。anchorName はアンカーの実際の名前です。このリンクをクリックすると、ブラウザのユーザー ウィンドウの上部にこのアンカーが表示されます。注: 同じ文書内のアンカーの参照には、必ず # 記号を追加してください。 # 記号を追加する場合は、二重引用符で囲み、プラス記号で完全な引用符に接続します。前の例を参照してください。 # 記号を省略した場合、リンクのターゲットはアンカーではなくファイルになります。このリンクをクリックすると、ブラウザは、anchorName という名前のファイル (この場合) をロードしようとします。このファイルは存在しないため、ブラウザは Notfound エラー メッセージを生成します。
2. ウィンドウ メソッド
ウィンドウは、ブラウザーがユーザーと対話するためのインターフェイスです。制御可能なウィンドウは、JavaScript のウィンドウ メソッドとプロパティを使用して作成できます。このセクションでは、いくつかのウィンドウ メソッドとプロパティを紹介します。
1. 事前定義されたウィンドウ (ダイアログ ボックス)
JavaScript には、「単純な」ウィンドウ (またはダイアログ ボックス) を生成する 3 つのメソッド、アラート ()、確認 ()、およびプロンプト () が用意されています。これらのダイアログ ボックスの位置、ボタン、サイズを制御することはできませんが、ユーザーにプロンプトを表示したり、入力を受け取ったりするための予備的なメカニズムを提供します。それぞれの方法については以下で説明します。
alert()alert() メソッドは、独立したメッセージ ウィンドウを作成します。構文は次のとおりです。alert("message") ここで、「message」はプロンプト ウィンドウに表示されるテキスト文字列です。
confirm() verify() メソッドは、イベントを続行する前にユーザーの承認を要求するために使用されます。これにより、ユーザーはイベントの発生を停止する機会が得られます。このメソッドの構文は次のとおりです。confirm("message") ここで、message はテキスト文字列です。
prompt() Prompt() メソッドはユーザーからフィードバックを受け取ります。ユーザーはキーボードから情報を入力するか、デフォルト値を受け取った場合はマウスで選択できます。このメソッドの構文は次のとおりです。 プロンプト("メッセージ") デフォルト値を指定する場合は、次のように使用できます。 プロンプト("メッセージ", importDefault) 「メッセージ」はテキストまたは数値です。ユーザーは任意の情報を入力できます。したがって、変数には計算のために数値が入力されることが期待されますが、テキストで入力される場合もあります。 Cancel キーと Close キーがクリックされた場合、prompt() は null 値を返します。
2. カスタマイズされたウィンドウ
上記の 3 つのウィンドウは非常にシンプルですが、柔軟性が低い、つまりサイズやスタイルを変更できないという共通の欠点があります。次に、JavaScript でウィンドウをカスタマイズする方法について説明します。まず、ウィンドウの作成方法を知る必要があります。
open() open() メソッドは新しいウィンドウを作成します。この方法を使用してウィンドウを作成すると、[ファイル] メニュー項目から [新しい Web ブラウザ] を選択する場合と同様の効果が得られます。このメソッドの構文は次のとおりです: windowVar=window.open("URL", "windowName") または、ウィンドウの属性を定義することもできます: windowVar=window.open("URL", "windowName", "windowAttribute) ") ここで、WindowName は作成されるウィンドウの名前です。 URL は、現在の新しいウィンドウが作成されるときに呼び出される URL を指定するテキスト文字列です。 URL が指定されていない場合 (空の文字列 "" を使用)、ウィンドウは空になります。 windowName はウィンドウの名前を表します。 windowFeature は、ツールバー、場所、ディレクトリ、ステータス バー、メニュー バー、スクロール バー、サイズ変更機能、幅、高さなど、ウィンドウに割り当てることができるオプションの属性です (添付の表を参照)。区切り文字としてカンマを使用し、外側を二重引用符で囲んで設定します。
ウィンドウ属性 これらの属性の使用形式は次のとおりです: Feeture=value ここで、feature は選択される属性です。値 (幅と高さの属性を除く) は、属性をアクティブにする場合は Yes (または 1)、または NO です。 (または 0) を使用して削除します。幅と高さの構文は次のとおりです。 feature=pixels ここで、ピクセルは、新しいウィンドウのサイズ (ピクセル単位) を決定する任意の正の整数 (または正の整変数) です。
close() close() メソッドを使用します。その構文は次のとおりです: windowReference.close() 現在のウィンドウを閉じるには、次の関数のいずれかを使用できます: window.close()、self.close()、近い()。ウィンドウの windowVar (open() メソッドが呼び出されたときに値が生成されます) を参照することで、独立したウィンドウを閉じることができます。例: ウィンドウの作成時に使用されるコマンドは次のとおりです: WindowB=open(",","anotherwindow","windth=80, height=40); コマンド: windowB.close ( ) トップレベルのウィンドウを閉じるには、次のメソッド top.close() を使用できます。 もちろん、現在のウィンドウを閉じたい場合は、JavaScript が提供する任意の自動終了コマンド
を使用できます。いくつかの非常に便利な内部オブジェクトとメソッドを使用すると、これらの関数を実装するためにスクリプトを使用する必要がなくなります。これが、JavaScript が提供する 3 つのオブジェクト、文字列 (文字列)、数値計算 (数値計算) です。日付 (日付)。その他の関連メソッド。これは、プログラマが強力なスクリプト プログラムを迅速に開発するのに非常に有利な条件を提供します。
1. 一般的に使用される内部オブジェクト
JavaScript でオブジェクトのプロパティとメソッドを参照する場合は 2 つの状況があります。1 つは、オブジェクトが静的オブジェクトである場合、つまり、オブジェクトのプロパティまたはメソッドを参照する場合です。そのオブジェクトのインスタンスを作成する必要はありませんが、別のオブジェクトはそのオブジェクトまたはメソッドを参照するときにそのインスタンスを作成する必要があります。つまり、そのオブジェクトは動的オブジェクトです。
JavaScript の内部オブジェクトへの参照は、そのプロパティとメソッドが中心です。したがって、オブジェクトの静的な性質を明確にすることは、JavaScript の内部オブジェクトを習得し理解する上で非常に重要です。
1)、文字列オブジェクト
o 文字列オブジェクト: 内部静的。
o プロパティやメソッドにアクセスするときは、(.) 演算子を使用できます。
o 基本的な使用形式: objectName.prop/methods
(1) 文字列オブジェクトの属性
このオブジェクトには、length という 1 つの属性しかありません。すべての記号を含む、文字列内の文字数を示します。
例:
mytest="This is a JavaScript"
mystringlength=mytest.length
最後に、mystringlength は mytest 文字列の長さを 20 として返します。
(2) 文字列オブジェクトのメソッド
文字列オブジェクトには 19 個のメソッドがあります。主にWebページ内の文字列の表示、フォントサイズ、文字色、文字検索、大文字小文字変換などに使用されます。
主なメソッドは次のとおりです。
o アンカーポイントアンカー(): このメソッドは、HTML ドキュメント内と同じアンカー タグを作成します。 Html と同様にアンカーを使用します (A Name="")。 string.anchor(anchorName) の形式でアクセスします。
o 文字表示の制御方法
大きな文字表示、Italics()斜体表示、bold()太字表示、blink()文字点滅表示、small()文字小文字表示、fixed()固定強調表示Word の表示、fontsize(size) はフォント サイズなどを制御します。
o フォントカラーメソッド; fontcolor(color)
o 文字列の大文字と小文字の変換
toLowerCase() - 小文字の変換、toUpperCase() 大文字の変換。以下は、指定された文字列をそれぞれ大文字と小文字に変換します:
string=stringValue.toUpperCase および string=stringValue.toLowerCase。
o 文字検索:indexOf[charactor,fromIndex]
指定された formIndtx 位置から始まる最初の文字を検索します。
文字列の一部を返します: substring(start,end)
先頭から末尾までのすべての文字を返します。
2)、算術関数の数学オブジェクト
機能: 加算、減算、乗算、除算を除くいくつかの自己記述演算を提供します。対数、平方根など。
Staticity: 静的オブジェクト
(1) 主な属性
Math では、数学でよく使用される定数 E、底 10 の自然対数 LN10、底 2 の自然対数 LN2 の 6 つの属性を提供します。 、PIは3.14159、1/2の平方根はSQRT1-2、2の平方根はSQRT2です。
(2) 主なメソッド
絶対値 : abs()
サイン値、コサイン値 : sin()、cos()
逆正弦値、逆余弦値 : asin()、acos()
正接逆正接: Tan(),atan()
丸め:round()
平方根: sqrt()
いくつかのべき乗に基づく値: Pow(base,exponent)
...
3)、日付と時刻オブジェクト
機能: 日付と時刻に関するオブジェクトを提供します。
静的および動的: 動的、つまり、インスタンスを作成するには New 演算子を使用する必要があります。例:
MyDate=New Date()
Date オブジェクトは直接アクセス プロパティを提供しません。日付と時刻を取得および設定するメソッドのみがあります。
日付の開始値: 1770 年 1 月 1 日 00:00:00。
1. 日付を取得する時刻メソッド
getyear(): 年数を返します
getMonth(): 現在の月の番号を返します
getDate(): 現在の日の番号を返します
getDay(): 曜日を返します。 何日かを返します。
getHours(): 時間数を返します。
getMintes(: 分数を返します。
getSeconds(): 時間数を返します。秒
getTime(): ミリ秒数を返します
(2) 日付と時刻の設定 :
setyear(); 年を設定
setDate(): 現在の月の番号を設定
setMonth(): 現在の月の数を設定します
setHours(): 時間数を設定します
setMintes(): 分数を設定します
SetSeconds(): 秒数を設定します
SetTime(): ミリ秒数を設定します
...
2. JavaScript のシステム関数
JavaScript のシステム関数は、オブジェクトに関係のないシステム関数を提供します。これらの関数を使用するためにインスタンスを作成する必要はありません。
1. 文字列式の値を返します:
メソッド名: eval (文字列式) 例:
test=eval(" 8 9 5/2");
2. 文字列を返す ASCI コード:
メソッド名: unEscape (string)
3. 文字を返す エンコーディング:
メソッド名:escape(character)
4. 実数を返す:
parseFloat(floustring);
5. 異なる基数で数値を返す:
parseInt(numbestring,rad.X )
基数は数値、numbs は文字列の番号です