検索
ホームページウェブフロントエンドjsチュートリアル一般的な JavaScript オブジェクトのメソッドと属性のまとめ_JavaScript スキル

この記事では、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 は文字列の番号です

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
演示win7调整屏幕亮度的方法演示win7调整屏幕亮度的方法Jul 08, 2023 pm 07:49 PM

不同的电脑系统在调整屏幕亮度的操作方法上会有些不同,最近就有使用win7系统的网友不知道win7怎么调整屏幕亮度,看久了电脑眼睛比较酸痛。下面小编就教下大家win7调整屏幕亮度的方法。具体的操作步骤如下:1、点击win7电脑左下角的“开始”,在弹出的开始菜单中选择“控制面板”打开。2、在打开的控制面板中找到“电源选项”打开。3、也可以用鼠标右键电脑右下角的电源图标,在弹出的菜单中,点击“调整屏幕亮度”,如下图所示。两种方法都可以用。4、在打开的电源选项窗口的最下面可以看到屏幕亮度调整的滚动条,直

win10监控摄像头打开照片的方法win10监控摄像头打开照片的方法Jul 10, 2023 pm 09:41 PM

如果我们手头没有手机,只有电脑,但我们必须拍照,我们可以使用电脑内置的监控摄像头拍照,那么如何打开win10监控摄像头,事实上,我们只需要下载一个相机应用程序。打开win10监控摄像头的具体方法。win10监控摄像头打开照片的方法:1.首先,盘快捷键Win+i打开设置。2.打开后,进入个人隐私设置。3.然后在相机手机权限下打开访问限制。4.打开后,您只需打开相机应用软件。(如果没有,可以去微软店下载一个)5.打开后,如果计算机内置监控摄像头或组装了外部监控摄像头,则可以拍照。(因为人们没有安装摄

基于Java的机器视觉实践和方法介绍基于Java的机器视觉实践和方法介绍Jun 18, 2023 am 11:21 AM

随着科技的不断发展,机器视觉技术在各个领域得到了广泛应用,如工业自动化、医疗诊断、安防监控等。Java作为一种流行的编程语言,其在机器视觉领域也有着重要的应用。本文将介绍基于Java的机器视觉实践和相关方法。一、Java在机器视觉中的应用Java作为一种跨平台的编程语言,具有跨操作系统、易于维护、高度可扩展等优点,对于机器视觉的应用具有一定的优越性。Java

win7怎么调屏幕亮度的两种简单方法win7怎么调屏幕亮度的两种简单方法Jul 08, 2023 pm 06:33 PM

目前有很多屏幕亮度调整软件,我们可以通过使用软件进行快速调整或者通过显示器上自带的亮度功能进行调整。以下是详细的Win7屏幕亮度调整方式,您可以通过教程中的方法进行快速调整即可。Win7系统电脑怎么调节屏幕亮度教程:1、依次点击“计算机—右键—控制面板”,如果没有也可以在搜索框中进行搜索。2、点击控制面板下的“硬件和声音”,或者点击“外观和个性化”都可以。3、点击“NVIDIA控制面板”,有些显卡可能是AMD或者Intel的,请根据实际情况选择。4、调节图示中亮度滑块即可。5、还有一种方法,就是

Go 语言中的方法是怎样定义和使用的?Go 语言中的方法是怎样定义和使用的?Jun 10, 2023 am 08:16 AM

Go语言是近年来备受青睐的编程语言,因其简洁、高效、并发等特点而备受开发者喜爱。其中,方法(Method)也是Go语言中非常重要的概念。接下来,本文就将详细介绍Go语言中方法的定义和使用。一、方法的定义Go语言中的方法是带有接收器(Receiver)的函数,它是一个与某个类型绑定的函数。接收器可以是值类型或者指针类型。用于接收者的参数可以在方法名

图文详解如何下载win10系统方法图文详解如何下载win10系统方法Jul 16, 2023 pm 01:25 PM

如今微软的Windows系统已经更新换代到了Windows10版本。很多以前还在使用Windows7系统的用户都想体验这个新版本Windows10系统。下面小编就来说说如何下载win10系统下载的方法,大家快来看看。1、首先下载一个小白重装系统软件,然后点击在线重装,下载win10系统。2、然后就开始系统镜像的下载了。3、系统镜像下载完成就是环境部署了。然后win10系统就下载完成啦。4、重启之后开始安装系统,安装完成就能进入桌面咯。以上就是如何下载win10系统的方法介绍啦,希望能帮助到大家。

PHP文件下载方法及常见问题解答PHP文件下载方法及常见问题解答Jun 09, 2023 pm 12:37 PM

PHP是一个广泛使用的服务器端编程语言,它的许多功能和特性可以将其用于各种任务,包括文件下载。在本文中,我们将了解如何使用PHP创建文件下载脚本,并解决文件下载过程中可能出现的常见问题。一、文件下载方法要在PHP中下载文件,我们需要创建一个PHP脚本。让我们看一下如何实现这一点。创建下载文件的链接通过HTML或PHP在页面上创建一个链接,让用户能够下载文件。

Vue 中的 createApp 方法是什么?Vue 中的 createApp 方法是什么?Jun 11, 2023 am 11:25 AM

随着前端开发的快速发展,越来越多的框架被用来构建复杂的Web应用程序。Vue.js是流行的前端框架之一,它提供了许多功能和工具来简化开发人员构建高质量的Web应用程序。createApp()方法是Vue.js中的一个核心方法之一,它提供了一种简单的方式来创建Vue实例和应用程序。本文将深入探讨Vue中createApp方法的作用,其如何使用以及使用时需要了解

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SublimeText3 中国語版

SublimeText3 中国語版

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

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境