文档库 最新最全的文档下载
当前位置:文档库 › 基于对象的JavaScript语言

基于对象的JavaScript语言

基于对象的JavaScript语言
基于对象的JavaScript语言

基于对象的JavaScript语言

一、对象的基本结构

JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。属性是对象在实施其所需要行为的过程中,实现信息的装载单位,从而与变量相关联;方法是指对象能够按照设计者的意图而被执行,从而与特定的函数相联。

二、引用对象的途径

一个对象要真正地被使用,可采用以下几种方式获得:

1、引用JavaScript内部对象;this window

2、由浏览器环境中提供;https://www.wendangku.net/doc/4315714724.html,

3、创建新对象。new

这就是说一个对象在被引用之前,这个对象必须存在,否则引用将毫无意义,而出现错误信息。

三、有关对象操作语句

1、For...in语句

格式如下:For(对象属性名in 已知对象名)

说明:该功能是用于对已知对象的所有属性进行操作的循环控制。它是将一个已知对象的所有属性反复置给一个变量;而不是使用计数器来实现的。它的优点是无需知道对象中属性的个数即可进行操作。

2、with语句

使用该语句的意思是:在该语句体内,任何对变量的引用被认为是这个对象的属性,以节省一些代码。with object{

...}

所有在with语句后的花括号中的语句,都是在后面object对象的作用域的。

3、this关键字

this是对当前的引用,在JavaScript由于对象的引用是多层次,多方位的,往往一个对象的引用又需要对另一个对象的引用,而另一个对象有可能又要引用另一个对象,这样有可能造成混乱,最后自己已不知道现在引用的那一个对象,为此JavaScript提供了一个用于将对象指定当前对象的语句this。

4、New运算符可以创建一个新的对象

格式:

Newobject=NEW Object(Parameters table);

其中Newobject创建的新对象:object是已经存在的对象;parameters table参数表;new是JavaScript中的命令语句。

如创建一个日期新对象

newData=New Data()

birthday=New Data (December 12.1998)

四、对象属性的引用

1、使用点(.)运算符

https://www.wendangku.net/doc/4315714724.html,=“云南省”

university.city=“昆明市”

university.Date="1999"

其中university是一个已经存在的对象,Name、City、Date是它的三个属性,并通过操作对其赋值。

2、通过对象的下标实现引用

university[0]=“云南”

university[1]=“昆明市”

university[2]="1999"

通过数组形式的访问属性,可以使用循环操作获取其值。

function showunievsity(object)

for (var j=0;j<2; j++)

document.write(object[j])

若采用For...in则可以不知其属性的个数后就可以实现:

Function showmy(object)

for (var prop in this)

docament.write(this[prop]);

3、通过字符串的形式实现

university["Name"]=“云南”

university["City"]=“昆明市”

university["Date"]="1999"

五、对象的方法的引用

在JavaScript中对象方法的引用是非常简单的。

ObjectName.methods()

实际上methods()=FunctionName方法实质上是一个函数。如引用university对象中的showmy()方法,则可使用:

document.write (university.showmy())

或:document.write(university)

如引用math内部对象中cos()的方法

则:

with(math)

document.write(cos(35));

document.write(cos(80));

若不使用with则引用时相对要复杂些:

document.write(Math.cos(35))

document.write(math.sin(80))

六、常用对象的属性和方法

在JavaScript提供了string(字符串)、math(数值计算)和Date(日期)三种对象和其它一些相关的方法。

1、字符串对象

string对象:内部静态性。

基本使用格式:objectName.prop/methods

(1)字符串对象的属性:

length它表明了字符串中的字符个数,包括所有符号。

例:

mytest="This is a JavaScript"

mystringlength=mytest.length

最后mystringlength返回mytest字串的长度为20。

(2)字符串对象的方法

anchor()创建如用Html文档中一样的anchor标记。使用anchor如用Html中(A Name="")一样。通过下列格式访问:string.anchor(anchorName)。

big()字体显示

blink()字符闪烁显示

bold()粗体字显示

fixed()固定高亮字显示

fontcolor()字体颜色方法

fontsize()控制字体大小

italics()斜体字显示

small()字符用小体字显示

charAt()

charCodeAt()

fromCharCode()

concat()

indexOf()从指定formIndtx位置开始搜索charactor第一次出现的位置。

lastIndexOf()

link()

localeCompare()

match()

replace()

search()

slice()

split()

strike()

sub()

substr()

substring()从start开始到end的字符全部返回

sup()

toLocaleLowerCase()小写转换

toLocaleUpperCase()大写转换

toLowerCase()

toString()

toUpperCase()

Value Of()

2、算术函数的math对象

主要方法

绝对值:abs()

正弦余弦值:sin(),cos()

反正弦反余弦:asin(), acos()

正切反正切:tan(),atan()

四舍五入:round()

平方根:sqrt()

基于几方次的值:Pow(base,exponent)

3、日期及时间对象

功能:提供一个有关日期和时间的对象。对于静动性:动态性,即必须使用New运算符创建一个实例。例: MyDate=New Date()

Date对象没有提供直接访问的属性。只具有获取和设置日期和时间的方法。

获取日期的时间方法

getYear(): 返回年数

getMonth():返回当月号数

getDate(): 返回当日号数

getDay():返回星期几

getHours():返回小时数

getMintes(:返回分钟数

getSeconds():返回秒数

getTime() : 返回毫秒数

(2)设置日期和时间:

setYear();设置年

setDate():设置当月号数

setMonth():设置当月份数

setHours():设置小时数

setMintes():设置分钟数

setSeconds():设置秒数

setTime ():设置毫秒数

4、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)

例:下面是一个时钟显示的JavaScript文档。在文档中用了非常多的函数。

时钟

form   时钟

脚本语言和互动网页设计课程网上作业单选题答案

1: 下述选项中不属于JDBC基本功能的是:() 1.与数据库建立连接 2.提交SQL语句 3.处理查询结果 4.数据库维护管理 2:在page指令中,()属性是可以在页面中重复的的属性。 https://www.wendangku.net/doc/4315714724.html,nguage 2.buffer 3.import 4.autoFlush 3:下面哪种数据类型是基本数据类型()。 1.class 2.interface 3.数组 4.char 4:下列哪种数据类型是引用类型()。 1.boolean 2.int 3.interface 4.long

5: 在JSP中使用标记时,不会出现的属性是:() https://www.wendangku.net/doc/4315714724.html, 2.property 3.value 4.以上皆不会出现 6: 不能在不同用户之间共享数据的方法是() 1.通过cookie 2.利用文件系统 3.利用数据库 4.通过ServletContext对象 7:能够获取当前页信息并调用页面方法的对象是()。 1.request 2.page 3.pageContext 4.session 8: 可以取得用交提交的参数的所有记录值的方法是( ) 1.getParameter() 2.getAttribute()

3.getParameterValues() 4.getSession() 9:下面哪一个运算符有3个操作数()。 1.* 2.++ 3.&& 4.?: 10:以下文件名后缀中,只有()不是静态网页的后缀。 1..html 2..htm 3..jsp 4..shtml 11:以下选项中,哪一项不是JSP指令()。 1.page 2.import 3.include 4.taglib 12:实际开发中使用Session可以设置访问的安全性,请选择Session所设置的属性的数据类型( ) 1.String

JavaScript入门教程(初学者不可多得的优秀入门教材,通俗易懂,专业术语通俗化)

第 1 章 JavaScript 语言入门 1 为什么学习 JavaScript
提要:Javascript 是学习脚本语言的首选。她兼容性好,绝大多数浏览器均支持 Javascript,而且她功能强大,实现简单方便,入门简单,即使是程序设计新手也可以非常 快速容易地使用 JavaScript 进行简单的编程。
Javascript 是由 Netscape 公司创造的一种脚本语言。为便于推广,被定为 javascript,但 是 javascript 与 java 是两门不相干的语言, 作用也不一样。 作为一门独立的编程语言, javascript 可以做很多的事情,但它最主流的应用还是在 Web 上——创建动态网页(即网页特效)。 Javascript 在网络上应用广泛, 几乎所有的动态网页里都能找到它的身影。 目前流行的 AJAX 也是依赖于 Javascript 而存在的。 Javascript 与 Jscript 也不是一门相同的语言, Jscript 和 vbscript 是微软开发的两种脚本语 言,微软,Netscape 公司以及其他语言开发商为减少 web 开发者的兼容麻烦,所以成立 ECMA , 该组 织 专 门制定 脚 本 语 言的 标 准 和规范 。 ECMA 制 定 的标 准脚 本 语 言 叫做 ECMAScript,Javascript 符合 ECMA 的标准,其实 Javascript 也可以叫做 ECMAScript. Jscript 也 ECMA 的标准, 但用户较少。vbscript 仅局限在微软的用户, Netscape 不支持。 概括地说,JavaScript 就是一种基于对象和事件驱动,并具有安全性能的脚本语言,脚 本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言, 而不需要服务器的 处理和响应,当然 JavaScript 也可以做到与服务器的交互响应,而且功能也很强大。而相对 的服务器语言像 asp https://www.wendangku.net/doc/4315714724.html, php jsp 等需要将命令上传服务器,由服务器处理后回传处理结 果。对象和事件是 JavaScript 的两个核心。 JavaScript 可以被嵌入到 HTML 文件中,不需要经过 Web 服务器就可以对用户操作作 出响应,使网页更好地与用户交互;在利用客户端个人电脑性能资源的同时,适当减小服务 器端的压力,并减少用户等待时间。
2 将 JavaScript 插入网页的方法
与在网页中插入 CSS 的方式相似,使用
language="javascript"表示使用 JavaScript 脚本语言,脚本语言还有 vbscript、 jsscript 等,如果没有 language 属性,表示默认使用 JavaScript 脚本。其中的...就是代 码的内容。例如:

基于JavaScript(网页脚本语言)编写的万年历(含源文件)

《软件系列课程设计——基于JavaScript (网页脚本语言)编写的万年历》 班级 学号 姓名 指导教师 成绩______________________________ 2010年06 月18 日

目录 摘要………………………………………………………………………一、引言………………………………………………………………… 1.应用背景……………………………………………………… 2.可行性分析…………………………………………………… 3.研究路线及内容……………………………………………… 二、系统开发工具……………………………………………………… 三、系统设计(详细设计)……………………………………………… 四、结束语 1.总结………………………………………………………………… 2.参考文献…………………………………………………………… 摘要 极品万年历,带有带有电子时钟,可看不同时区时间,阳历、农历同步显示,鼠标指出,

天干地支计时即出。 一、引言 1,、应用背景 随着科技的发展,人们渴望着把现实生活中的林林总总都搬到电脑上,大到工程设计,小到极品万年历。 2、可行性分析 方便查看农历重要的日子,方便外出办公校正不同区时…… 3、研究路线及内容 通过用JavaScript语言编写代码,并利用文本保存为HTTP或HTML格式。并试图实现一下内容: 1、可看阳历; 2、可看农历; 3、可看时间; 4、可看天干地支计时; 5、可划分区时。 二、系统开发工具 JavaScript网页脚本语言,IE、360安全浏览器或其他浏览器。 三、系统设计 1、程序源码 cc万年历