当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > JavaScript技术讲座-创建新对象

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

HTML/XHTML教程 中的 JavaScript技术讲座-创建新对象


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 83 ::
收藏到网摘: n/a

使用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中的内部函数,显示其字符串。