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 相关文章推荐
打开超链需要“确认”对话框的方法
Mar 08 Javascript
jquery 多行滚动代码(附详细解释)
Jun 17 Javascript
动态获取复选框checkbox选中个数的jquery代码
Jun 25 Javascript
基于AngularJS前端云组件最佳实践
Oct 20 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
Jan 23 Javascript
jQuery EasyUI Draggable拖动组件
Mar 01 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
Apr 01 Javascript
在Vue中使用echarts的方法
Feb 05 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
Aug 15 Javascript
微信小程序sessionid不一致问题解决
Aug 30 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
如何在 Vue 表单中处理图片
Jan 26 Vue.js
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正则过滤html标签、空格、换行符的代码(附说明)
2010/10/25 PHP
php结合web uploader插件实现分片上传文件
2016/05/10 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
JSON 入门指南 想了解json的朋友可以看下
2009/08/26 Javascript
JS比较2个日期间隔的示例代码
2014/04/15 Javascript
js命名空间写法示例
2015/12/18 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
JS中IP地址与整数相互转换的实现代码
2017/04/10 Javascript
Bootstrap输入框组件使用详解
2017/06/09 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
Angular实现svg和png图片下载实现
2019/05/05 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
在Python的Django框架中创建语言文件
2015/07/27 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
详解Python传入参数的几种方法
2019/05/16 Python
Python利用WMI实现ping命令的例子
2019/08/14 Python
Tensorflow 实现分批量读取数据
2020/01/04 Python
python能做哪些生活有趣的事情
2020/09/09 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
阿根廷首家户外用品制造商和经销商:Montagne
2018/02/12 全球购物
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
了解AppleTalk协议吗
2014/04/01 面试题
经典的班主任推荐信
2013/10/28 职场文书
自我评价怎么写正确呢?
2013/12/02 职场文书
领导班子对照检查剖析材料
2014/10/13 职场文书
疾病证明书
2015/06/19 职场文书
暂住证证明
2015/06/19 职场文书
校运会通讯稿
2015/07/18 职场文书
小学体育组工作总结2015
2015/07/21 职场文书
《百分数的认识》教学反思
2016/02/19 职场文书
python 离散点图画法的实现
2022/04/01 Python