JavaScript学习总结(二)

转载 2015年07月09日 15:38:17

JavaScript学习总结(二)

                             ---- 对象                                    


   在JavaScript中,几乎用到的每个js都离不开它的对象。下面我们深入了解一下js对象。

   js中对象的分类跟之前我们学过的语言中函数的分类一样,一个是系统自带的叫预定义对象,一个是用户自己写的叫自定义对象。大体内容如下图所示:


                                      

一:核心对象


1.Array对象

数组对象,用来创建数组,使用new 创建


常用的方法如下图:



常用属性:






通过例子说明Array对象的创建和使用,如下。

  1. <script language="javascript">  
  2.     var data=new Array("1","2","3");//创建数组data  
  3.       
  4.     document.writeln("data的初始内容为:"+data+",");  //输出数组内容  
  5.       
  6.     function fun(){   //自定义函数fun()显示数组长度  
  7.         if(this.length!=0){  
  8.             document.writeln("<PRE>此数组的长度为:"+this.length+"</PRE>");  
  9.         }else{  
  10.             document.writeln("<PRE>此数组的长度为0</PRE>");  
  11.         }  
  12.     }  
  13.       
  14.     Array.prototype.fun=fun;  //为Array对象添加fun()方法  
  15.     data.fun();               //调用fun()方法  
  16.       
  17.     data=new Array();//清空data数组内容  
  18.     data.fun();//显示清空后数组的长度  
  19.   
  20. </script>  

运行结果:




说明:

prototype用于添加新的属性和方法,用法为:Array.prototype.functionName=functionName




2,Function对象

Function对象可以在程序执行的过程中动态生成函数并调用函数。

常用属性如下:




常用方法如下:



下面实例说明:

  1. <script language="javascript">  
  2.     funSum=new Function("x","y","z=x+y;return z");   //创建函数funSum()   
  3.   
  4.     x=prompt("请输X值:","");  
  5.     y=prompt("请输Y值:","");  
  6.       
  7.     x=Number(x);  
  8.     y=Number(y);  
  9.     alert(newfun(x,y));  //调用函数并输出  
  10. </script>  


注意:Function对象不可写成小些的function。Function是对象,用于动态创建函数,function是关键字,通过function new出来的函数也是Function对象的实例。



3,String对象

String对象提供了对字符串进行处理的属性和方法。使用时可以直接赋值也可以通过new创建后再赋值

String对象有很多方法,主要是用户有关字符串在Web页面中的显示格式,字体大小,字体颜色,字符的搜索以及字符的大小写转换方面的功能。





    通过以上对象的prototype属性,我们也看到了JavaScript的特点,它不仅提供给我们一些功能,还提供给用户自己添加功能的方法,简直是太好了。



二:文档对象

document对象,接触JavaScript的第一个例子是通过ID名称获取控件的名称,里面就用到document,当时没有多想,就当是关键字过了。

document对象是window对象的属性,也是唯一的即属于BOM又属于DOM的对象。


说到window对象,我们首先来看一下window中各对象间的关系。如下图:




了解了大体结构关系,接下看看看document对象的常用属性:




有关document对象的方法,这里说说使用最频繁的.write()/.writeln()方法。这两个方法的作用都是打印字符,不同的是writeln打印完后多了个换行。  

下面写一个用document对象的write方法动态添加JavaScript文件的实例

  1. <script language="javascript">  
  2.   
  3.     document.write("<script type=\"text/javascript\" src=\"textuser.js\">"+"</scr"+"ipt>");  
  4.   
  5. </script>  

这里主要想说明</script>为什么是分开的。

我们可以先看一下分开写的网页源码:





看不出什么不同,接下来我们看一下不分开时网页源码:



 

    结果很明显,如果不分开写</script> 会和前面的<script>配对,这样,浏览器会提示我们有误。


三:事件对象

event对象是一种只与事件处理过程有关的对象。

JavaScript中的事件跟vb中学过的事件一致,有鼠标事件,键盘事件,加载事件,等。。

事件的发生肯定有其出发者,触发发生后,这一事件也就随即结束。

事件在JavaScript中使用很简单,就是在关键字前加On。



彻底掌握 Javascript(二)数据类型【专家辅导】

-
  • 1970年01月01日 08:00

JavaScript学习总结(三)——逻辑And运算符详解

在JavaScript中,逻辑 AND 运算符用双和号(&&)表示 1 var bTrue = true; 2 var bFalse = false; 3 var bResult = bTrue...
  • IT_LOSER
  • IT_LOSER
  • 2016-05-05 09:23:44
  • 152

spring学习总结(二)

spring IoC容器(控制反转) 1.使用依赖注入(DI)管理应用程序组件2.容器 BeanFactory容器(为依赖注入DI提供支持) ApplicationContext 容器3.Bea...
  • qq_28198893
  • qq_28198893
  • 2017-11-28 14:20:14
  • 67

Javaweb学习总结(二)

servlet的生命周期: Servlet运行在Servlet容器中,其生命周期由容器来管理。 每一个自定义的Servlet都必须实现Servlet的接口,Servlet接口中定义了五个方法...
  • LL596214569
  • LL596214569
  • 2017-08-21 14:35:41
  • 197

CSS3与页面布局学习总结(一)——概要、选择器、特殊性与刻度单位

web前端开发者最最注的内容是三个:HTML、CSS与JavaScript,他们分别在不同方面发挥自己的作用,HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能...
  • zhangguo5
  • zhangguo5
  • 2017-03-16 15:05:29
  • 783

我学习Javascript的心得体会与Javascript的小总结

第一部分   小总结         经过今天的学习,让我认识和了解了Javascript的基本知识,知道了js是一门弱类型的脚本语言,能够实现网页特效。对今后的发展对我有巨大的作用,我来简单的总结一...
  • gxt19970917
  • gxt19970917
  • 2018-03-19 20:28:54
  • 89

javaweb学习总结(八)——HttpServletResponse对象(二)

只为成功找方法,不为失败找借口! javaweb学习总结(八)——HttpServletResponse对象(二) 一、HttpServletResponse常见应用——生成验证码 1.1、生...
  • u013224148
  • u013224148
  • 2014-11-24 23:31:31
  • 2016

javascript 学习心得总结

大约是一年前, 那时,我想要学习javascript, 就自学了一段时间, 那段时间,基本学习的就是一些比较基础的语法。 后来,我去做unity开发了,javascript就完全放下了, 阴差...
  • JAROD_JIANGHE
  • JAROD_JIANGHE
  • 2018-01-12 15:00:38
  • 203

前端学习总结(三)javascript——前端世界的精髓所在

js总结
  • haoshidai
  • haoshidai
  • 2016-05-07 21:00:07
  • 5262

CSS3与页面布局学习总结(二)——Box Model、边距折叠、内联与块标签、CSSReset

一、盒子模型(Box Model) 盒子模型也有人称为框模型,HTML中的多数元素都会在浏览器中生成一个矩形的区域,每个区域包含四个组成部分,从外向内依次是:外边距(Margin)、边框(Borde...
  • zhangguo5
  • zhangguo5
  • 2017-03-16 15:05:44
  • 885
收藏助手
不良信息举报
您举报文章:JavaScript学习总结(二)
举报原因:
原因补充:

(最多只允许输入30个字)