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 相关文章推荐
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 Javascript
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 Javascript
动态加载jQuery的两种方法实例分析
Jul 17 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
微信小程序 首页制作简单实例
Apr 07 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
Apr 19 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
Aug 10 Javascript
详解webpack自定义loader初探
Aug 29 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 file_get_contents 函数超时的几种解决方法
2009/07/30 PHP
php验证session无效的解决方法
2014/11/04 PHP
php字符串截取函数用法分析
2014/11/25 PHP
php数组函数array_key_exists()小结
2015/12/10 PHP
PHP基于单例模式实现的数据库操作基类
2016/01/15 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
jquery连缀语法如何实现
2012/11/29 Javascript
javascript alert乱码的解决方法
2013/11/05 Javascript
jquery 实现两级导航菜单附效果图
2014/03/07 Javascript
JavaScript匿名函数与委托使用示例
2014/07/22 Javascript
js的flv视频播放器插件使用方法
2015/06/23 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
jQuery初级教程之网站品牌列表效果
2017/08/02 jQuery
js实现省市级联效果分享
2017/08/10 Javascript
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
2020/07/20 Javascript
Python构建XML树结构的方法示例
2017/06/30 Python
Python字典的基本用法实例分析【创建、增加、获取、修改、删除】
2019/03/05 Python
详解python编译器和解释器的区别
2019/06/24 Python
解决django中ModelForm多表单组合的问题
2019/07/18 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
简单介绍Object类的功能、常用方法
2013/10/02 面试题
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
中班幼儿评语大全
2014/04/30 职场文书
爱牙日活动总结
2014/08/29 职场文书
求职信格式范文
2015/03/19 职场文书
党员承诺书范文2015
2015/04/27 职场文书
2015年度内部审计工作总结
2015/05/20 职场文书
行政申诉状范文
2015/05/20 职场文书
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers