当前位置:文档之家› JAVASCRIPT基于对象

JAVASCRIPT基于对象


var a=new Array();a[0]='1';a[1]=2; 数组常用方法 Tostring(): 数组元素逗号分开。 Join(separator) : 数组元素用分隔符字符串分开。 如果不指定分隔符, 则用逗号分开。 Reverse(): 逆转数组元素,即最后一个元素放到最前面,第一个元素放在最后面。 Sort(comparisonFunction): 根据一个比较函数排列数组元素。如果不指定比较函数, 子按字典顺序排列数组元素。如果指定比较函数,则他又两个参数 p1 和 p2,返回 值为负整数(p1<p2),0(p1=p2)或整数(p1>p2). <script language=”javaScript”> var myArray=new Array(); myArray[1]=2; myArray[2]=3; myArray[3]=4; alert(myArray.join(':')); document.write("myArray.join(:)"+myArray.join(':')+"<p>"); alert(myArray.toString()); document.write("myArray.toString()"+myArray.toString()+"<p>"); alert(myArray.reverse()); document.write("myArray.reverse()"+myArray.reverse()+"<p>"); </script> 时间对象 使用以前必须先申明: – var curr=new Date(); 主要的方法如下页: 日期及时间函数
DOM 顶级对象及其作用
对象名称 Window Frames[] Doucument
作用
表示与当前浏览器窗口相关的最顶级的对象。最小化、关闭、新建等。 表示 window 页面中的框架数组对象,每个框架都包含一个 window 对象 包含 HTML 文档中的 HTML 标记和构成文档内容的文本对象, 客户端浏览器中每 个载入的 HTML 文档都有一个 doucument 对象,在多框架文档中,框架集的每 个成员都包含一个 document 对象,按照对象包含的层次进行访问。 包含当前窗体的历史列表对象,用于跟踪窗体口中曾经使用过的 URL,包括其 历史表的长度、历史表中上一个 URL 和下一个 URL 包含当前浏览器的相关信息的对象,包括处理当前文档的客户浏览器的版本号、 商标等只读信息,防止脚本对客户端浏览器相关信息的恶意访问。 以 URL 的形式载入当前窗体,并保存正在浏览的文档的位置及其结构,协议、 主机、端口、路径等 包含当前浏览器的运行的物理环境信息的对象,包含如监视器的有效像数等信 息。
timeVal+=myDate.getMonth() + 1 + timeVal+=myDate.getDate()+"日"; timeVal+=myDate.getHours()+"时";
"月";
timeVal+=myDate.getMinutes()+"分"; timeVal+=myDate.getSeconds()+"秒"; document.myclock.face1.value = timeVal; </script>
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> function alertDate() { var timeVal=""; var myDate = new Date(); timeVal+=myDate.getFullYear()+"年&JavaScript 核心对象 数组对象:语言中的数组是可以存储一种或多种类型的 时间对象 数学对象 字符串对象 数组对象 数组定义 var arr = new Array(3); <Script Language="JavaScript"> var arr = new Array(3); arr[0] = 1; arr[1] = 2; arr[2] = 3; document.write(arr[2]); </Script>
JavaScript 基于对象
回顾 掌握 JavaScript 语言的基本特点 掌握如何在 Html 中嵌入 JavaScript 脚本 掌握 JavaScript 的基本语法 目标 掌握浏览器端 JavaScript 对象的用法 掌握 JavaScript 的应用组件 基于对象编程 JavaScript 脚 本 语 言 是 基 于 原 型 的 面 向 对 象 的 (Prototype-Based), 而 不 是 面 向 对 象 (Object-Oriented)的. JavaScript 是不是面向对象的?它拥有对象,可以包含数据和处理数据的方法。对象 可以包含其他对象。他没有类,但它却有构造器可以做类能做的事,包括扮演类的 变量和方法的容器的角色。它没有基于类的继承,但它有基于原型的继承。两个建 立对象系统的方法是通过继承和通过聚合。JavaScript 两个都有,但它的动态性质让 它可以在聚合上超越。 说 JavaScript 是一种基于对象的语言, 是一种正确而略显保守的判断, 而说 JavaSCript 不面向对象,在我看来则是错误的认知。事实上充足的理由证明 JavaScript 是一种的 面向对象的语言,只是与传统的 Class-based OO (基于类的面向对象)相比,JavaScript 有它与众不同的地方, 这种独特性我们称它为 Prototype-based OO (基于原型的面向 对象) 在 JavaScript 脚本编程中,可以使用的对象主要包括浏览器根据 Web 页面创建的对 象,JavaScrip 核心对象以及用户自定义的对象
HEIGHT: 22px; WIDTH: 243px" /> </body> </html> </form>
String 对象 一般利用 String 对象提供的函数来处理字符串。 String 对字符串的处理主要提供了下 列方法: – charAt(idx):返回指定位置处的字符 – indexOf(Chr):返回指定子字符串的位置,从左到右。找不到返回-1 – lastIndexOf(chr):返回指定子字符串的位置,从右到左。找不到返回-1 – substring(m,n):返回给定字符串中从 m 位置开始,到 n 位置结束的子串, 如果参数 n 省略,则意味着取到字符串末尾。 – toLowerCase():将字符串中的字符全部转化成小写。 – toUpperCase():将字符串中的字符全部转化成大写。
}
</head> <body onload="javascript:setInterval('alertDate()',1000);"> <form name="myclock"> <input NAME="face1" style="BACKGROUND-COLOR: rgb(192,192,192);
s=new String("This is a test of the javascript"); displayLine("s.toLowerCase()="+s.toLowerCase()); split=s.split(" "); { } for (i=0;i<split.length;++i) displayLine("split["+i+"]="+split[i]);
Min(x,y) 返回 x 和 y 中的较小者 Pow(x,y) Random() Round(x) Sin(x) Sqrt(x) Tan(x) 返回 x 的 y 次方 返回 0 和 1 之间的随机数 返回最接近 x 的整数 F 返回 x 的正弦值 返回 x 的平方根 返回 x 的正切值
HTML 文档结构 在 HTML 文档中,其标记如<body></body>等都是成对出现的,称为标记对。 载入文档后,doucument 元素相对该文而言是唯一的,访问该层次结构图中任何元 素都是以 doucument 为跟元素进行的访问。同时又是 doucument 元素的子元素,并 且通过相互之间在结构图中的层次结构关系可实现相互定位,为 DOM 框架提供理 论基础。 DOM 模型 所谓 DOM 是指文档对象模型 利用从属关系一级一级地定位 当我们要读取一个 Form 表单中的某一个元素的时候, 如何来定位呢?这里就要用到 DOM 了
<script> function alertDate(year,month,date,hours,minutes) { // var myDate=new Date(year,month,date,hours,minutes); var myDate = new Date();
alert(myDate.getFullYear()+"年"); alert(myDate.getMonth() + 1 + "月"); alert(myDate.getDate()+"日"); alert(myDate.getHours()+"时"); alert(myDate.getMinutes()+"分"); alert(myDate.getSeconds()+"秒"); alert(myDate.toLocaleString()); } </script> <button onclick="alertDate(1999,1,1,12,12);"> 点击这里. </button> 通用函数 window 对象有两个主要的定时方法,分别是 setTimeout 和 setInteval 他们的语法 基本上相同,但是完成的功能取有区别。 setTimeout 方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。 setInterval 方法则是表示间隔一定时间反复执行某操作。 举例:/5-2.html
相关主题