首頁 web前端 js教程 JavaScript常用对象的方法和属性小结_javascript技巧

JavaScript常用对象的方法和属性小结_javascript技巧

May 16, 2016 pm 05:56 PM
屬性 方法

本文将简单介绍JavaScript中一些常用对象的属性和方法,以及几个有用的系统函数。
  一、串方法
  
JavaScript有强大的串处理功能,有了这些串方法,才能编写出丰富多彩的网页。在这一部分里,我们将介绍到如何使用与串对象有关的方法和属性。
  1.串对象的length属性
  
串对象仅有一个属性length,这个属性值表示这个串所包括字符的相对数目。语法为: stringName.length
  2.串对象的方法
  
JavaScript提供了多个串方法以帮助控制显示信息。串方法可以分为几个大类,如属性方法、导航方法等等。下面我们将分类介绍。
  (1)属性方法 串的属性方法指定了普通文本显示在屏幕上的方式。它提供了一种理想的方式使主页变得更有吸引力。
  blink() blink()方法引起文本闪烁,语法形式如下: string.blink();
  bold() bold()方法使串变为粗体。语法形式如下: string.bold();
  fontcolor() fontcolor()方法可以改变单个串的颜色,或者在每次重新装入页面或事件发生时,改变颜色。同样,这个方法也有一个相对应的HTML标识-- fontcolor()的语法是 string.fontcolor(color); 在这里,color是一种颜色的合法表示。
  italics() italics()方法把串变为斜体,以同其余文字区分开来,italics() 的语法如下: string.italics();
  (2)大小写方法 JavaScript严格区分字母的大小写。为了方便地比较两个串,就要把它们都转化为大写或小写。串对象的大小写方法就支持在大小写之间转换。
  toLowerCase() tolowerCase()方法把一个给定的串中每个字符转变成小写状态。语法形式如下: string=stringValue.toLowerCase();
  toUpperCase() 与tolowerCase()方法相反是toUpperCase()方法,它把一个给定串转变成大写字符串。 string=stringValue.toUpperCase();
  (3)操作方法 操作方法提供了许多种在一个文本串内查找字符串的方法,其中包括charAt()、indexO f()、LastIndexOf()和substring()四种方法。我们可以使用这些方法格式化和操作用户输入的串变量,其中charAt()和 substring()两种方法从一个串中抽取一个或多个字符,剩下的两个方法返回待查找值的第一个字符在串中出现位置的数字值。
  charAt() charAt()方法从一个给定串中返回指定位置的字符。它的使用方法如下: string.charAt(index); 其中index是一个在0和小于串长度之间的一个数(串长度可以通过Length属性得到),
  substring() substring()方法从一个大串中返回它的一个子串。它的语法形式如下: string.substring(indexA,indexB) indexA和indexB两者都是在0和串长度之间的数字值。它们是串的两个下标。
  indexOf() indexOf()方法返回在一个长串中与指定的串匹配的子串的位置。它从左到右地查找给定的串,语法形式如下: string.indexOf(searchValue,[fromIndex]); 其中string是indexOf()要在其中查找searchValue的串,而searc hValue是任何想要查找的字符或子串。 fromIndex是一个可选项,它指定查找开始的位置。fromIndex的范围与charAt()和Subs tring()相似(0到length-1)。它不能大于或等于length,如果没有指定fromIndex,该方法认为其缺省地?并查找整个串。 indexOf()的返回值是searchValue首次出现的第一个字符的偏移量(从串的开头算起)。即使指定了fromIndex,该返回值仍是相对于串的开头的(有可能在前面一些的地方出现的se archValue将被忽略)。
  lastIndexOf() lastIndexOf()方法与IndexOf()方法类似,只是它从右到左地查找串。lastIndexOf()仍旧给出被查找串的首字符位置,而不是末尾字符的位置。 lastIndexOf()方法的语法形式如下: string.Last indexOf(searchValue); searchValue仍是想要查找的串。
  (4)导航方法 使用超文本时会接触到锚(anchor)和链路的概念。锚就如同在网页中放置的书标(你可以很方便地回到那儿);链路是对另一页面(或相同及不同页面的锚)的指引。
  anchor() anchor()方法用来设置一个锚,它的语法形式很简单: string.anchor(anchorName); 考察下面的例子: var indexString="Index"; document.writeln(indexString.anchor("anchorName")); 这条语句在屏幕上打印文本Index;anchorName是这个锚真正的名字。像这样的锚一般被链路用来跳转到页面中锚的实际位置。
  link() link()的功能是跳转到指定的目标。它相当于标准HTML引用(由HREF属性指定的超文本引用)。它的语法形式也非常简单: linkText.link(href) linkText是屏幕上的文本,href属性不一定是一个锚,它也可以是一个合法的URL引用。下面的例子说明如何用link()来创建直接跳转到前面创建的锚的链路; var indexStirng="Index" document.writeln(indexString.link("#"+"anchorName")+" ") 这条语句在屏幕上打印链路格式的文本Index(通常在下面加下划线);anchorName是锚的实际的名字。当单击这条链路时,这个锚将出现在浏览器用户窗口的顶部。请注意:要保证在同一文档内部的锚的引用中加上#号。在加#号的时候,要将它用双引号括起来并用加号与完整的引用连起来。可以参见前面的例子。如果省略了#号,链路的目标就是一个文件而不是一个锚。单击这条链就会使浏览器试图装入名为anchorName(在本例中)的文件。因为这一文件不存在,浏览器将产生Notfound的错误信息。
二、窗口方法
  窗口是浏览器与用户交互的界面。利用JavaScript中的窗口方法和属性,可以创建可控制窗口。在这一部分里,将介绍一些窗口方法和属性。
  1.预定义窗口(对话框)
  JavaScript提供三个方法来产生"简单"的窗口(或对话框):alert (),confirm()和promp t()。尽管我们无法控制这些对话框的位置,按钮或大小,但它们提供了初步的机制来提示用户或接收输入。以下讨论各方法。
  alert() alert()方法建立了一个独立的消息窗口,语法形式如下: alert("message") 其中"message"是要在提示窗口中显示的文本串。
  confirm() confirm()方法用于进行一个事件之前请求获得用户的认可。它给用户以停止某个事件出现的机会。该方法的语法形式如下: confirm("message") 其中message是一个文本串。
  prompt() prompt()方法接收用户的反馈,用户可以从键盘键入信息,或者如果他们接收一个默认值的话,可以用鼠标选取。该方法的语法形式如下: prompt("message") 如果想要指定一个默认值,可以用: prompt("message",imputDefault)其中"message"是文本或数字。用户可以键入任何信息。因此,一个变量虽然希望输入一个数字进行计算,也可能输入给它的是文本。如果单击了Cancel键和关闭键,pr ompt()返回空值。
  2.定制窗口
  上面的三种窗口虽然很简单,但它们有一个共同的缺点是不灵活, 即无法改变它们的大小和风格。下面,我们来讨论在JavaScript中如何定制窗口的问题。首先,我们应知道如何创建一个窗口。
  open() open()方法将创建一个新窗口。使用该方法创建窗口与选择File 菜单项的New Web Bro wser的效果是相似的。该方法的语法形式如下 : windowVar=window.open("URL","windowName") 或者也可以定义一个窗口的属性: windowVar=window.open("URL","windowName","windowAttribut er")其中WindowName是要创建的窗口的名字。URL是一个文本串,指定当前新窗口创建时要调用的URL。如果没有指定URL(使用空字符串"") ,那么窗口是空的。 windowName代表该窗口的名字。 windowFeatures是可以赋给窗口的可选属性,比如一个工具条,位置,目录,状态条,菜单条,滚动条,大小可变的能力,宽度和高度(见附表)。设定它们时以逗号为分隔符,并在最外加上双引号。
  窗口属性 这些属性的使用形式如下: feeture=value 其中feature是所要选择的属性,value(除了width和height两种属性外)或是yes(或1)以激活该属性,或是no(或0)以消除它。 width和height的语法形式如下: feature=pixels 其中pixels是任何正整数(或正整数变量),确定新窗口的大小(以像素为单位)。
  close() 使用close()方法,它的语法形式如下: windowReference.close() 可以使用以下任何一个函数关闭当前窗口:window.close()、self.close()、close()。我们可以通过引用一个窗口的windowVar(该值是调用open()方法时产生的),来关闭一个独立的窗口。比如:某个窗口创建时所用的命令是: WindowB=open(",","anotherwindow","windth=80,height=40); 我们可以在任何其它窗口中关闭它,使用命令: windowB.close() 关闭最顶层的窗口可以利用以下方法 top.close() 当然,如果要关闭当前窗口,我们可以使用任何自行关闭命令。

  javascript为我们提供了一些非常有用的常用内部对象和方法。用户不需要用脚本来实现这些功能。这正是基于对象编程的真正目的。
  在javascript提供了string(字符串)、math(数值计算)和Date(日期)三种对象和其它一些相关的方法。从而为编程人员快速开发强大的脚本程序提供了非常有利的条件。

1、常用内部对象
  在javascript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例;而另一种对象则在引用它的对象或方法是必须为它创建一个实例,即该对象是动态对象。
  对javascript内部对象的引用,以是紧紧围绕着它的属性与方法进行的。因而明确对象的静动性对于掌握和理解javascript内部对象是具有非常重要的意义。

1)、串对象
  o string对象:内部静态性。
  o 访问properties和methods时,可使用(.)运算符实现。
  o 基本使用格式:objectName.prop/methods
(1)串对象的属性
  该对象只有一个属性,即length。它表明了字符串中的字符个数,包括所有符号。
例:
mytest="This is a javascript"
mystringlength=mytest.length
  最后mystringlength返回mytest字串的长度为20。
(2)串对象的方法
  string对象的方法共有19个。主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换。
其主要方法如下:
  o 锚点anchor():该方法创建如用Html文档中一样的anchor标记。使用anchor如用Html中(A Name="")一样。通过下列格式访问:string.anchor(anchorName)。
  o 有关字符显示的控制方法
big字体显示, Italics()斜体字显示,bold()粗体字显示,blink()字符闪烁显示,small()字符用小体字显示,fixed()固定高亮字显示、fontsize(size)控制字体大小等。
  o 字体颜色方法;fontcolor(color)
  o 字符串大小写转换
toLowerCase()-小写转换,toUpperCase()大写转换。下列把一个给定的串分别转换成大写和小写格式:
string=stringValue.toUpperCase和string=stringValue.toLowerCase。
  o 字符搜索:indexOf[charactor,fromIndex]
从指定formIndtx位置开始搜索charactor第一次出现的位置。
返回字串的一部分字串:substring(start,end)
从start开始到end的字符全部返回。
 
2)、算术函数的math对象
 功能:提供除加、减、乘、除以外的一引些自述运算。如对数,平方根等 。
 静动性:静态对象
(1)主要属性
  math中提供了6个属性,它们是数学中经常用到的常数E、以10为底的自然对数LN10、以2为底的自然对数LN2、3.14159的PI、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)
其中radix是数的进制,numbs字符串数

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1246
24
怎麼刪除微信好友?刪除微信好友的方法 怎麼刪除微信好友?刪除微信好友的方法 Mar 04, 2024 am 11:10 AM

微信是主流的聊天工具之一,我們可以透過微信認識新的朋友,聯絡老的朋友,維繫朋友之間的友誼。正如天下沒有不散的宴席,人與人之間的相處難免會發生意見不合的時候。當一個人極度影響你的情緒,或是在相處的時候發現三觀不合,沒辦法再繼續溝通,那麼我們可能需要刪除微信好友的方法。怎麼刪除微信好友?刪除微信好友的方法第一步:在微信主介面輕觸【通訊錄】;第二步:點選對應要刪除的好友,進入【詳細資料】;第三步:點選右上角【...】;第四步:點選下方【刪除】即可;第五步:了解後頁面提示後,點選【刪除聯絡人】即可;溫馨

微信刪除的人如何找回(簡單教學告訴你如何恢復被刪除的聯絡人) 微信刪除的人如何找回(簡單教學告訴你如何恢復被刪除的聯絡人) May 01, 2024 pm 12:01 PM

而後悔莫及、人們常常會因為一些原因不小心刪除某些聯絡人、微信作為一款廣泛使用的社群軟體。幫助用戶解決這個問題,本文將介紹如何透過簡單的方法找回被刪除的聯絡人。 1.了解微信聯絡人刪除機制這為我們找回被刪除的聯絡人提供了可能性、微信中的聯絡人刪除機制是將其從通訊錄中移除,但並未完全刪除。 2.使用微信內建「通訊錄恢復」功能微信提供了「通訊錄恢復」節省時間和精力,使用者可以透過此功能快速找回先前刪除的聯絡人,功能。 3.進入微信設定頁面點選右下角,開啟微信應用程式「我」再點選右上角設定圖示、進入設定頁面,,

七彩虹主機板怎麼進入bios?教你兩種方法 七彩虹主機板怎麼進入bios?教你兩種方法 Mar 13, 2024 pm 06:01 PM

  七彩虹主機板在中國國內市場享有較高的知名度和市場佔有率,但是有些七彩虹主機板的用戶還不清楚怎麼進入bios進行設定呢?針對這一情況,小編專門為大家帶來了兩種進入七彩虹主機板bios的方法,快來試試吧!方法一:使用u盤啟動快捷鍵直接進入u盤裝系統七彩虹主機板一鍵啟動u盤的快捷鍵是ESC或F11,首先使用黑鯊裝機大師製作一個黑鯊U盤啟動盤,然後開啟電腦,當看到開機畫面的時候,連續按下鍵盤上的ESC或F11鍵以後將會進入到一個啟動項順序選擇的窗口,將遊標移到顯示“USB”的地方,然

怎麼在番茄免費小說app中寫小說 分享番茄小說寫小說方法教程 怎麼在番茄免費小說app中寫小說 分享番茄小說寫小說方法教程 Mar 28, 2024 pm 12:50 PM

番茄小說是一款非常熱門的小說閱讀軟體,我們在番茄小說中經常會有新的小說和漫畫可以去閱讀,每一本小說和漫畫都很有意思,很多小伙伴也想著要去寫小說來賺取賺取零用錢,在把自己想要寫的小說內容編輯成文字,那麼我們要怎麼樣在這裡面去寫小說呢?小伙伴們都不知道,那就讓我們一起到本站本站中花點時間來看寫小說的方法介紹。分享番茄小說寫小說方法教學  1、先在手機上打開番茄免費小說app,點擊個人中心——作家中心  2、跳到番茄作家助手頁面——點擊創建新書在小說的結

手機版龍蛋孵化方法大揭密(一步一步教你如何成功孵化手機版龍蛋) 手機版龍蛋孵化方法大揭密(一步一步教你如何成功孵化手機版龍蛋) May 04, 2024 pm 06:01 PM

手機遊戲成為了人們生活中不可或缺的一部分,隨著科技的發展。它以其可愛的龍蛋形象和有趣的孵化過程吸引了眾多玩家的關注,而其中一款備受矚目的遊戲就是手機版龍蛋。幫助玩家們在遊戲中更好地培養和成長自己的小龍,本文將向大家介紹手機版龍蛋的孵化方法。 1.選擇合適的龍蛋種類玩家需要仔細選擇自己喜歡並且適合自己的龍蛋種類,根據遊戲中提供的不同種類的龍蛋屬性和能力。 2.提升孵化機的等級玩家需要透過完成任務和收集道具來提升孵化機的等級,孵化機的等級決定了孵化速度和孵化成功率。 3.收集孵化所需的資源玩家需要在遊戲中

Win11管理員權限取得方法總計 Win11管理員權限取得方法總計 Mar 09, 2024 am 08:45 AM

Win11管理員權限取得方法匯總在Windows11作業系統中,管理員權限是非常重要的權限之一,可以讓使用者對系統進行各種操作。有時候,我們可能需要取得管理員權限來完成一些操作,例如安裝軟體、修改系統設定等。下面就為大家總結了一些取得Win11管理員權限的方法,希望能幫助大家。 1.使用快捷鍵在Windows11系統中,可以透過快捷鍵的方式快速開啟命令提

Oracle版本查詢方法詳解 Oracle版本查詢方法詳解 Mar 07, 2024 pm 09:21 PM

Oracle版本查詢方法詳解Oracle是目前世界上最受歡迎的關聯式資料庫管理系統之一,它提供了豐富的功能和強大的效能,廣泛應用於企業。在進行資料庫管理和開發過程中,了解Oracle資料庫的版本是非常重要的。本文將詳細介紹如何查詢Oracle資料庫的版本信息,並給出具體的程式碼範例。查詢資料庫版本的SQL語句在Oracle資料庫中,可以透過執行簡單的SQL語句

手機字體大小設定方法(輕鬆調整手機字體大小) 手機字體大小設定方法(輕鬆調整手機字體大小) May 07, 2024 pm 03:34 PM

字體大小的設定成為了重要的個人化需求,隨著手機成為人們日常生活的重要工具。以滿足不同使用者的需求、本文將介紹如何透過簡單的操作,提升手機使用體驗,調整手機字體大小。為什麼需要調整手機字體大小-調整字體大小可以使文字更清晰易讀-適合不同年齡段用戶的閱讀需求-方便視力不佳的用戶使用手機系統自帶字體大小設置功能-如何進入系統設置界面-在在設定介面中找到並進入"顯示"選項-找到"字體大小"選項並進行調整第三方應用調整字體大小-下載並安裝支援字體大小調整的應用程式-開啟應用程式並進入相關設定介面-根據個人

See all articles