初学JavaScript第一章

 更新时间:2008年09月30日 00:50:53   作者:  
下面为自己初学JavaScript时觉得应该注意的地方(从<<JavaScript动态网页开发详解>>中学到)

JavaScript中的对象:
JavaScript中的主要对象有:
JavaScript的核心对象,浏览器对象,用户自定义对象和文本对象等
JavaScript作为基于对象的编程语言,其对象实例采用构造函数来创建.
每一个构造函数包括一个对象原型,定义了每个对象包含的属性和方法,对象是动态的,表明对象实例的
属性和方法是可以动态添加删除或修改的.

通过构造方法来定义对象:
<script language="JavaScript" type="text/javascript">
<!--
//对象的构造函数
function Test(iName,iAddress,iGrade,iNumber)
{
this.name=iName;
this.address=iAddress;
this.grade=iGrade;
this.number=iNumber;
this.information=showInformation;
}
//定义对象的方法
function showInformation()
{
statements ;
}
//生成对象的实例
var test = new Test('thtwin,'thtwinj2ee','th','thtwin') ;
-->
</script>

对过对象直接初始化的方法:
此方法通过直接初始化对象来创建自定义对象与定义对象的构造函数方法不同的是,
该方法不需要生成引对象的实例.例如:
<script language="JavaScript" type="text/javascript">
<!--
//对象的构造函数
//构造嵌套的对象
var SchoolData={
code:"0123-456-789",
Tel:"0551-1234567",
Fax:"0551-7654321"
};
//构造被嵌入的对象
var myTest={
name:"test",
address:"辽宁*葫芦岛",
grade:"test",
number:"13400",
//嵌套对象SchoolData
data:SchoolData,
information:showInformation
};
//定义对象的方法
function showInformation()
{
alert(this.data.code) ;
statements ;
}
-->
</script>
下面为调用上面对象的方法:
<form>
<input type="button" value="调试对象" onclick="myTest.information()">
</form>


更新对象中的方法或者属性.如:

<script language="JavaScript" type="text/javascript">
<!--
//对象的构造函数
function School(iName,iAddress,iGrade,iNumber)
{
this.name=iName;
this.address=iAddress;
this.grade=iGrade;
this.number=iNumber;
this.information=showInformation;
}
//定义对象的方法
function showInformation()
{
var msg="";
msg="通过原型给对象添加新属性和新方法:\n\n"
msg+="原始属性:\n";
msg+=" 机构名称 : "+this.name+" \n";
msg+=" 所在地址 : "+this.address +"\n";
msg+=" 教育层次 : "+this.grade +" \n";
msg+=" 在校人数 : "+this.number+" \n\n";
msg+="新属性:\n";
msg+=" 占地面积 : "+this.addAttributeOfArea+" \n";
msg+="新方法:\n";
msg+=" 方法返回 : "+this.addMethod+"\n";
window.alert(msg);
}
function MyMethod()
{
statements ;
}
//生成对象的实例
var test=new School("test","辽宁*葫芦岛","test","123000");
School.prototype.addAttributeOfArea="3000";
School.prototype.addMethod=MyMethod();
-->
</script>

JavaScript语言中所有对象都由Object对象派生,每个对象都有指定了其结构的原型(prototype)属性,
该属性描述了该类型对象其有的代码和数据,可以通过对象的prototype属性为对象动态添加新属性和新
方法

相关文章

  • 关于JSON的定义以及如何使用

    关于JSON的定义以及如何使用

    这篇文章主要介绍了关于JSON的定义以及如何使用,JSON 的名称中虽然带有JavaScript,但这是指其语法规则是参考JavaScript对象的,而不是指只能用于JavaScript语言,需要的朋友可以参考下
    2023-07-07
  • js实现图片局部放大效果详解

    js实现图片局部放大效果详解

    这篇文章主要介绍了js实现图片局部放大效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • htm调用JS代码

    htm调用JS代码

    htm调用JS代码...
    2007-03-03
  • JS的Document属性和方法小结

    JS的Document属性和方法小结

    Document想必大家并不陌生吧,在使用js的过程中会经常遇到它,那么它有哪些属性、哪些方法,在本文将以示例为大家详细介绍下,希望对大家有所帮助
    2013-09-09
  • 使用Grunt.js管理你项目的应用说明

    使用Grunt.js管理你项目的应用说明

    以前我们可能使用NodeJS自己写一个build程序,但是现在Grunt.js能够提供我们需要的一切
    2013-04-04
  • Javascript 事件冒泡机制详细介绍

    Javascript 事件冒泡机制详细介绍

    这篇文章主要介绍了Javascript 事件冒泡机制详细介绍的相关资料,需要的朋友可以参考下
    2016-10-10
  • JavaScript 基础篇之运算符、语句(二)

    JavaScript 基础篇之运算符、语句(二)

    其实运算符大家要是有计算机语言基础应该都知道,可能甚至比我还精通,这样我就不多解释了,就来说说其它几个生疏的吧
    2012-04-04
  • javascript 基础篇1 什么是js 建立第一个js程序

    javascript 基础篇1 什么是js 建立第一个js程序

    javascript是很多东西的基础,比如jsp,ajax等,如果不会这么,那么学起这些来就比较麻烦,所以要先学好这个,为将来的学习打好经济基础
    2012-03-03
  • 微信小程序中显示html格式内容的方法

    微信小程序中显示html格式内容的方法

    最近在工作中遇到一个需求,需要在不能显示html格式的微信小程序中显示html格式的内容,通过查找相关的资料发现可以利用wxParse来实现,下面这篇文章就主要给大家介绍了微信小程序实现显示html格式内容的方法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-04-04
  • 浅谈JavaScript_DOM学习篇_图片切换小案例

    浅谈JavaScript_DOM学习篇_图片切换小案例

    这篇文章主要介绍了JavaScriptDOM图片切换小案例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03

最新评论