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

本文将简单介绍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
演示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 Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境