JavaScript对象学习小结


Posted in Javascript onSeptember 02, 2015

JavaScript 对象

JavaScript 提供多个内建对象,比如 String、Date、Array 等等。

对象只是带有属性和方法的特殊数据类型。

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

js中对象的分类跟之前我们学过的语言中函数的分类一样,一个是系统自带的叫预定义对象,一个是用户自己写的叫自定义对象。

大体内容如下图所示:

JavaScript对象学习小结

 一:核心对象

1.Array对象

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

常用的方法如下图:

JavaScript对象学习小结

常用属性:

JavaScript对象学习小结

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

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

运行结果:

JavaScript对象学习小结

说明:

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

2,Function对象

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

常用属性如下:

JavaScript对象学习小结

JavaScript对象学习小结

常用方法如下:

下面实例说明:

<script language="javascript"> 
    funSum=new Function("x","y","z=x+y;return z");   //创建函数funSum()  
 
    x=prompt("请输X值:",""); 
    y=prompt("请输Y值:",""); 
     
    x=Number(x); 
    y=Number(y); 
    alert(newfun(x,y));  //调用函数并输出 
</script> 

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

3,String对象

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

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

JavaScript对象学习小结

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

二:文档对象

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

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

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

JavaScript对象学习小结

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

JavaScript对象学习小结

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

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

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

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

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

JavaScript对象学习小结

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

JavaScript对象学习小结 

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

三:事件对象

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

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

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

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

以上本文给大家分享的javascript对象学习小结,欲了解更多,请持续关注本站。

Javascript 相关文章推荐
各种常用浏览器getBoundingClientRect的解析
May 21 Javascript
JavaScript 对象链式操作测试代码
Apr 25 Javascript
基于jquery的分页控件(C#)
Jan 06 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
Nov 15 Javascript
JS如何将UTC格式时间转本地格式
Sep 04 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
jquery动态加载select下拉框示例代码
Dec 10 Javascript
jQuery实现的动态伸缩导航菜单实例
May 07 Javascript
js结合正则实现国内手机号段校验
Jun 19 Javascript
select2 ajax 设置默认值,初始值的方法
Aug 09 Javascript
Vue实现表格批量审核功能实例代码
May 28 Javascript
vue+koa2实现session、token登陆状态验证的示例
Aug 30 Javascript
JS实现可点击展开与关闭的左侧广告代码
Sep 02 #Javascript
jquery实现华丽的可折角广告代码
Sep 02 #Javascript
javascript学习总结之js使用技巧
Sep 02 #Javascript
jQuery实现固定在网页顶部的菜单效果代码
Sep 02 #Javascript
自定义刻度jQuery进度条及插件
Sep 02 #Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 #Javascript
javascript中for/in循环及使用技巧
Sep 01 #Javascript
You might like
一个好用的PHP验证码类实例分享
2013/12/27 PHP
php简单生成随机数的方法
2015/07/30 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
PHP第三方登录―QQ登录实现方法
2017/02/06 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
JQuery 常用方法和事件详细介绍
2013/04/18 Javascript
前台js对象在后台转化java对象的问题探讨
2013/12/20 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
2015/06/26 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
在react中使用vuex的示例代码
2018/07/30 Javascript
微信小程序多音频播放进度条问题
2018/08/28 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
jquery拖拽自动排序插件使用方法详解
2020/07/20 jQuery
vue使用高德地图根据坐标定位点的实现代码
2019/08/22 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
10分钟学会js处理json的常用方法
2020/12/06 Javascript
Eclipse + Python 的安装与配置流程
2013/03/05 Python
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
django模板语法学习之include示例详解
2017/12/17 Python
django允许外部访问的实例讲解
2018/05/14 Python
Python网页正文转换语音文件的操作方法
2018/12/09 Python
tensorflow模型保存、加载之变量重命名实例
2020/01/21 Python
Python3中小括号()、中括号[]、花括号{}的区别详解
2020/11/15 Python
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
理工大学毕业生自荐信
2013/11/01 职场文书
领导批评与自我批评范文
2014/10/16 职场文书
龙门石窟导游词
2015/02/02 职场文书
父亲节活动总结
2015/02/12 职场文书
中学教师读书笔记
2015/07/01 职场文书
春季运动会加油词
2015/07/18 职场文书