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


Posted in Javascript onJanuary 24, 2012

本文将简单介绍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字符串数

Javascript 相关文章推荐
一个多次搜索+多次传值的解决方案
Jan 20 Javascript
从JavaScript的函数重名看其初始化方式
Mar 08 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
Apr 24 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
Aug 11 Javascript
Javascript打印局部页面实例
Jun 21 Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
Dec 12 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
微信小程序页面传值实例分析
Apr 19 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
vue中的.$mount('#app')手动挂载操作
Sep 02 Javascript
DOM2非标准但却支持很好的几个属性小结
Jan 21 #Javascript
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
Jan 21 #Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Jan 21 #Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 #Javascript
MooBox 基于Mootools的对话框插件
Jan 20 #Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
Jan 20 #Javascript
json的前台操作和后台操作实现代码
Jan 20 #Javascript
You might like
PHP下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
php错误级别的设置方法
2013/06/17 PHP
php使用高斯算法实现图片的模糊处理功能示例
2016/11/11 PHP
PHP实现中国公民身份证号码有效性验证示例代码
2017/05/03 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
javascript OFFICE控件测试代码
2009/12/08 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
JS DOMReady事件的六种实现方法总结
2016/11/23 Javascript
AngularJS中ng-class用法实例分析
2017/07/06 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
vue中的模态对话框组件实现过程
2018/05/01 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
2019/04/17 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
解决vue+router路由跳转不起作用的一项原因
2020/07/19 Javascript
详解vue v-model
2020/08/31 Javascript
[09:13]2014DOTA2国际邀请赛 中国区预选赛coser表演
2014/05/23 DOTA
[04:09]显微镜下的DOTA2第十二期—NaVi美如画的团战
2014/06/23 DOTA
[49:12]完美世界DOTA2联赛PWL S2 Magma vs GXR 第二场 11.29
2020/12/02 DOTA
python获取当前日期和时间的方法
2015/04/30 Python
python遍历文件夹下所有excel文件
2018/01/03 Python
一步步教你用python的scrapy编写一个爬虫
2019/04/17 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式
2020/06/02 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
python读取excel数据绘制简单曲线图的完整步骤记录
2020/10/30 Python
教育学专业毕业生的自我评价
2013/11/21 职场文书
小学生获奖感言范文
2014/02/02 职场文书
经典婚礼主持开场白
2014/03/13 职场文书
太空授课观后感
2015/06/17 职场文书