- 浏览: 289680 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
全站唯一是我么:
请问下该功能的jdk版本是1.4的么,还是以上的?
Java实现给图片添加水印 -
Janne:
请问,你解决这问题没?是怎么回事?我今天也遇到了,没解决
myeclipse6.5中使用jax-ws启动tomcat报错问题 -
xuedong:
studypi 写道你是怎么和新浪的技术联系的?能告诉一下我吗 ...
新浪微博第三方接口调用学习 -
studypi:
你是怎么和新浪的技术联系的?能告诉一下我吗,谢谢
新浪微博第三方接口调用学习 -
dove19900520:
有用,呵呵
IE,Firefox都不放弃(兼容性问题总结)
在JavaScript中创建新对象
(李晓华 2001年04月29日 01:50)
使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大,但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样,求于或其它多媒体工具,就能完成许多复杂的工作。
在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象,而后再为该对象创建一个实例。这个实例就是一个新对象,它具有对象定义中的基本特征。
一、对象的定义
JavaScript对象的定义,其基本格式如下:
Function Object(属性表)
This.prop1=prop1
This.prop2=prop2
...
This.meth=FunctionName1;
This.meth=FunctionName2;
...
在一个对象的定义中,可以为该对象指明其属性和方法。通过属性和方法构成了一个对象的实例。如以下是一个关于University对象的定义:
Function university(name,city,creatDate URL)
This.name=name
This.city=city
This.creatDate=New Date(creatDate)
This.URL=URL
其基本含义如下:
Name-指定一个“单位”名称。
City-“单位”所在城市。
CreatDate-记载university对象的更新日期。
URL-该对象指向一个网址。
二、创建对象实例
一旦对象定义完成后,就可以为该对象创建一个实例了:
NewObject=New object();
其中Newobjet是新的对象,Object已经定义好的对象。例:
U1=New university(“云南省”,“昆明市”,"January 05,199712:00:00","http://www.YN.KM")
U2=New university(“云南电子科技大学”,“昆明”,"January 07,1997 12:00:00","htlp://www.YNKJ.CN")
三、对象方法的使用
在对象中除了使用属性外,有时还需要使用方法。在对象的定义中,我们看到This.meth=FunctionName语句,那就是为定义对象的方法。实质对象的方法就是一个函数FunctionName,通过它实现自己的意图。
例在university对象中增加一个方法,该方法是显示它自己本身,并返回相应的字串。
function university(name,city,createDate,URL)
This.Name=Name;
This.city=city;
This.createDate=New Date(creatDate);
This.URL=URL;
This.showuniversity=showuniversity;
其中This.showuniversity就是定义了一个方法---showuniversity()。
而showuniversity()方法是实现university对象本身的显示。
function showuniversity()
For (var prop in this)
alert(prop+="+this[prop]+"");
其中alert是JavaScript中的内部函数,显示其字符串。
四、JavaScript中的数组
使用New创建数组
JavaScript中没有提供像其它语言具有明显的数组类型,但可以通过function定义一个数组,并使用New对象操作符创建一个具有下标的数组。从而可以实现任何数据类型的存储。
a、定义对象的数组
Function arrayName(size){
This.length=Size;
for(var X=; X来定义一个越文本链接项。
Forms[]: 在程序中使用多窗体时,建立该数组。
Elements[]:在一个窗口中使用从个元素时,建立该数组。
Frames[]:建立框架时,使用该数组
anchors[]用于窗体的访问(它是通过《form name=“form1”》所指定的),link[]用于被链接到的锚点的访问(它是通过《a href=URL》所指定的)。Forms[]反映窗体的属性,而anchors[]反映Web页面中的链接属性。
有关锚数组的文档:
定义第一个锚名
HTML Code
定义第二个锚名
HTML Code
建立锚的链接
<script language="JavaScript">
with (top.window.location)
{baseURL = href.substring (0,href.lastIndexOf ("/") + 1)}
total_toc_items = 0;
current_overID = "";
last_overID = "";
browser = navigator.appName;
version = parseInt(navigator.appVersion);
client=null;
loaded = 0;
if (browser == "Netscape" && version >= 3) client = "ns3";
function toc_item (img_name,icon_col,width,height) {
if (client =="ns3") {
img_prefix = baseURL + img_name;
this.icon_col = icon_col;
this.toc_img_off = new Image (width,height);
this.toc_img_off.src = img_prefix + "_off.gif";
this.toc_img_on = new Image (width,height);
this.toc_img_on.src = img_prefix + "_on.gif";
}
}
function new_toc_item (img_name,icon_row,width,height) {
toc_item [img_name] = new toc_item (img_name,icon_row,width,height);
}
function toc_mouseover (itemID) {
if (client =="ns3") {
current_overID = itemID;
if (current_overID != last_overID) {
document [current_overID].src = toc_item [current_overID].toc_img_on.src;
if (last_overID != "") {
document.images [last_overID].src = toc_item[last_overID].toc_img_off.src;
}
last_overID = current_overID;
}
}
}
function toc_mouseout () {
if (client =="ns3") {
if (current_overID != "") {
document.images [current_overID].src = toc_item [current_overID].toc_img_off.src;
}
current_overID = "";
last_overID = "";
}
}
new_toc_item ("1",2,120,20);
<!-- Begin
function bannerObject(p){
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage}
function clearMessage(){
this.pos = POSITION}
var POSITION = 50;
var DELAY = 150;
var MESSAGE = "这是一个动态JavaScript文字显示的例子";
var scroll = new bannerObject();
function scroller(){
scroll.out += " ";
if(scroll.pos>0)
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) { scroll.out +=" " ; }
if (scroll.pos>= 0)
scroll.out += scroll.msg
else
scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
document.noticeForm.notice.value = scroll.out
scroll.out = " ";
scroll.pos--;
scroll.pos--;
if (scroll.pos < -(scroll.msg.length)) { scroll.reset(); } setTimeout
('scroller()',scroll.delay);}
</script>
范例2:颜色变化的例子。
test5_2.htm
<script>
<!--
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a";
hexa[11]="b";
hexa[12]="c";
hexa[13]="d";
hexa[14]="e";
hexa[15]="f";
function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else return "" + hexa[Math.floor(i/16)] + hexa[i%16];}
function setbgColor(r, g, b) {
var hr = hex(r);
var hg = hex(g);
var hb = hex(b);
document.bgColor = "#"+hr+hg+hb;}
function fade(sr, sg, sb, er, eg, eb, step) {
for(var i = 0; i <= step; i++) {
setbgColor( Math.floor(sr * ((step-i)/step) + er * (i/step)),
Math.floor(sg * ((step-i)/step) + eg * (i/step)), Math.floor(sb *
((step-i)/step) + eb * (i/step))); }}
function fadein() {
fade(255,0,0,0,0,255,100);
fade(0,0,255,0,255,0,100);
fade(0,255,0, 0,0,0, 100);}
fadein();
// -->
</script>
本讲介绍了用户自行创建对象的方法, 用户可根据需要创建自己的对象。并介绍了JavaScript中建数组的方法。
转自:[url]http://dev.csdn.net/htmls/83/83803.html[/url]
发表评论
-
js在Replace中使用正则
2012-08-13 13:37 930replace方法的语法是:str ... -
js中获取时间new Date()详细介绍
2011-09-23 20:37 1397var myDate = new Date(); myDate ... -
全面理解javascript的caller,callee,call,apply概念(修改版)
2011-09-05 18:16 830在提到上述的概念之前,首先想说说javascript中函数的隐 ... -
jquery的live绑定事件,不知道是不是jquery的bug
2011-09-05 18:03 1698今天无意中发现,级联菜单中,select的onchange事 ... -
JS删除数组元素
2011-09-02 14:55 1572、JS删除数组元素 view ... -
js 判断某个方法是否存在
2011-08-25 19:59 1180function fnExist(fnName) { ... -
正则表达式常用验证
2011-08-24 12:20 832在前台很多地方需要验证输入格式,为了方便以后使用,把常用的整理 ... -
勿重复检测浏览器
2011-08-19 09:53 837拿添加事件示例 Js代码 // ... -
学习Javascript闭包(Closure)
2011-08-12 18:10 856闭包(closure)是Javas ... -
深入理解Javascript闭包 .
2011-08-12 17:56 641最近在网上查阅了不少Javascript闭包(closu ... -
IE,Firefox都不放弃(兼容性问题总结)
2011-08-11 16:00 1297下面是Javascript的IE和Fire ... -
jquery ul li mouseout 事件冒泡的bug
2011-08-11 15:48 2599今天碰到个jquery的mouseout事件的问题,弄了半天 ... -
onchange,onpropertychange,oninput键盘输入和js赋值时区别
2011-08-10 15:32 3791最近项目中需要用到文本框中值改变时触发某个事件,第一反应就是 ... -
JavaScript中setAttribute用法
2011-08-10 11:30 1056我们经常需要在JavaScript中给Element动态 ... -
window.location.hash属性介绍
2011-08-08 17:52 855window.location.hash属性介绍 ... -
给页面加速,干掉Dom Level 0 Event
2011-08-08 11:50 868现在的web应用越来越 ... -
关于图片的预加载,你所不知道的
2011-08-08 11:36 890看完了曼联与曼城的同城德比,还有漫长的两个小时,才能看到期 ... -
js判断图片是否被缓存
2011-08-05 17:35 2208在ie8下测试是可以的,别的没测。有用到的可以自己测试下,呵 ... -
javascript文件在IE缓存中的迷惑与解惑实验
2011-08-05 17:12 1327javascript文件在IE缓存中的迷惑与解惑实验 缓 ... -
highcharts实现雷达图效果
2011-08-03 11:00 11791最近项目中用到了雷达图,自己在那鼓捣了一顿总算出来一个雏形, ...
相关推荐
五、 JavaScript 中的文字对象 * 文字对象是JavaScript中的一种内置对象 * 文字对象可以获取和设置文本的内容 * 文字对象可以实现文本的操作和处理 * 文字对象可以实现字符串的搜索和替换 六、 JavaScript 中的...
这本《JaVascript权威指南》连续印刷5次,销售数十万册,成为很多Javascript学习者的必备宝典。由于其封面上是一只“爪哇犀牛”(封面上印上动物是原书出版公司O'Reilly一贯的风格),读者亲切地称其为...
运用JavaScript可以做出非常绚的网页,相信我的代码会对你的学习有很大的帮助!
能使你五天内轻松学会javascript,不信就下载学习学习吧!!!
JavaScript The Definitive Guide 5th 权威指南 第五版 英文 教材 非常经典的javascript学习资料
从JavaScript基本的语法到JavaScript的各种对象进行了实例练习
前端学习(五)——Javascript学习笔记(三)对象.xmind
本书旨在介绍使用JavaScript进 行开发的基础知识,即JavaScript的含义,JavaScript代码是如何运行的,... JavaScript是通向程序设计世界的大门,学习和理解了本书的基础知识,就可以进一步学习更新、更高级的编程技术。
HTML作者可以从中学习如何用JavaScript创建动态网页。经验丰富的程序设计者可以从中快速地找到编写复杂JavaScript程序需要的信息。本书对所有JavaScript程序设计者来说都是绝对必要的。 “本书是JavaScript程序员...
头歌教学实践平台 Web前端开发基础 JavaScript学习手册十五:事件处理。源码txt格式。
多于一个参数的函数 第五课 第五课课程介绍 介绍反馈表单 控制文字域的值 文字域事件 反馈表单处理器 文字域的练习 复选框 单选框 选单 在选单中应用...
HTML作者可以从中学习如何用JavaScript创建动态网页。经验丰富的程序设计者可以从中快速地找到编写复杂JavaScript程序需要的信息。本书对所有JavaScript程序设计者来说都是绝对必要的。 “本书是JavaScript程序员...
Javascript_事件处理,讲解了JAVASCRIPT事件开发中注意的事项,步骤,有条理的讲解
目录 ================= 一、Google v8 整体印象 1.1 Google v8是什么,能做什么? 1.2 Google v8的获取及编译 1.2.1 获取源码 1.2.2 编译类库及示例 二、Google v8入门 ...五、本文源码
这是chm格式,下载后看不了...HTML作者可以从中学习如何用JavaScript创建动态网页。经验丰富的程序设计者可以从中快速地找到编写复杂JavaScript程序需要的信息。本书对所有JavaScript程序设计者来说都是绝对必要的。
第一章 什么是JavaScript 第二章 JavaScript和Java的区别 第三章 基本数据类型、表达式、运算符 第四章 程序控制流 第五章 对象的基础知识 第六章 常用对象的属性和方法 第七章 系统脚本编程语言中独有的方法
Javascript入门学习第一篇 js基础Javascript入门学习第二篇 js类型Javascript入门学习第三篇 js运算Javascript入门学习第四篇 js对象和数组Javascript入门学习第五篇 js函数Javascript入门学习第六篇 js DOM编程...
这里是你每天学习的简要大纲,及将要学习的一些例子。 第一天:介绍,一些例子,及你的第一个Javascript(例子) 第二天:变量,if-then语段,链接事件,图片交换。 第三天:窗口,架构,及文件目标模块 第四天:循环...
突破JavaScript编程实例五十讲,经典教程,适合学习Javascript的朋友