<html>

 <head>

 <meta charset="utf-8">

 <title>javascript对象的学习</title>

 </head>

 <body>

     <h1>1.使用JS创建person对象，里面有id,name,age,sex属性 ，有eat,run方法 (2种方法创建)</h1><hr>

     <script language="javascript">

         document.write("<h2>"+"第一种方法"+"</h2>");

         var person=new Object();

         person.id="10010";

         person.name="小别";

         person.age=22;

         person.sex="男";

         person.eat=function(){

             document.write("eat()方法：男的喜欢吃高热量的食物！");

         }

         person.run=function(){

             document.write("run()方法：程序员要自觉锻炼身体哟！");

         }

         document.write("编号："+person.id+"<br/>");

         document.write("姓名："+person.name+"<br/>");

         document.write("年龄："+person.age+"<br/>");

         document.write("性别："+person.sex+"<br/>");

         person.eat();

         document.write("<br/>");

         person.run();

         document.write("<br/>");

         document.write("<h2>"+"第二种方法"+"</h2>");

         var person=new Person("10011","小李",23,"男");

         function Person(id,name,age,sex){

             this.id=id;

             this.name=name;

             this.age=age;

             this.sex=sex;

             this.eat=function(){

                 document.write("eat()方法：女的应该吃低热量的食物哟！");

             }

             this.run=function(){

                 document.write("run()方法：女程序员也要自觉锻炼身体哟！");

             }

         }

         document.write("编号："+person.id+"<br/>");

         document.write("姓名："+person.name+"<br/>");

         document.write("年龄："+person.age+"<br/>");

         document.write("性别："+person.sex+"<br/>");

         person.eat();

         document.write("<br/>");

         person.run();

         document.write("<br/>");

         document.write("<h2>"+"第三种：创建对象使用最多的方法"+"</h2>");

         var person={id:"10012",name:"小赵",age:24,sex:"男",eat:function(){

             document.write("eat():男的女的都喜欢吃好的");

         },run:function(){

             document.write("run():男的女的都懒哟！所以要自觉！");

         }};

         document.write("编号："+person.id+"<br/>");

         document.write("姓名："+person.name+"<br/>");

         document.write("年龄："+person.age+"<br/>");

         document.write("性别："+person.sex+"<br/>");

         person.eat();

         document.write("<br/>");

         person.run();

         document.write("<br/>");

     </script>

 </body>

 </html>

Javascript创建对象的学习和使用的更多相关文章

  1. JavaScript权威指南学习笔记4

    今天看了第9.10.11章,感觉收获最大还是正则表达式那章节,不过这些不用太多脑子思考,问题用到了直接查书就可以了,下面分别总结一下: 第9章类和模块:分9节,前面8节都是在讲类相关的知识,最后一节讲 ...

  2. JavaScript创建对象（三）——原型模式

    在JavaScript创建对象(二)——构造函数模式中提到,构造函数模式存在相同功能的函数定义多次的问题.本篇文章就来讨论一下该问题的解决方案——原型模式. 首先我们来看下什么是原型.我们在创建一个函 ...

  3. 【学习笔记】JavaScript的基础学习

    [学习笔记]JavaScript的基础学习 一 变量 1 变量命名规则 Camel 标记法 首字母是小写的,接下来的字母都以大写字符开头.例如: var myTestValue = 0, mySeco ...

  4. JavaScript及jQuery学习小结

    最近几天学习了很多关于JavaScript和jQuery的文章,稍作梳理后,总结如下. 1.jQuery入门系列 环境搭建 只需引用一个jQuery库文件,即可完成jQuery的环境搭建. 选择器 j ...

  5. JavaScript 权威指南-学习笔记（一）

    本文所有教程及源码.软件仅为技术研究.不涉及计算机信息系统功能的删除.修改.增加.干扰,更不会影响计算机信息系统的正常运行.不得将代码用于非法用途,如侵立删! ## JavaScript 权威指南-学 ...

  6. Javascript 创建对象方法的总结

    最近看了一下<Javascript高级程序设计(第三版)>,这本书很多人都推荐,我也再次郑重推荐一下.看过之后总得总结一下吧,于是我选了这么一个主题分享给大家. 使用Javascript创 ...

  7. javascript创建对象的几种方式

    javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON:但写法有很多种,也能混合使用.主要为下面几种:1.对象字面量的方式 person={firstname ...

  8. 深入浅出的javascript的正则表达式学习教程

    深入浅出的javascript的正则表达式学习教程 阅读目录 了解正则表达式的方法 了解正则中的普通字符 了解正则中的方括号[]的含义 理解javascript中的元字符 RegExp特殊字符中的需要 ...

  9. Javascript提升阶段学习

    JavaScript1:javascript简介 JavaScript是一种脚本语言,能实现网页内容的交互显示,当用户在客户端显示该网页时,浏览器就会执行JavaScript程序,用户通过交互的操作来 ...

随机推荐

  1. [整理]PCB阻抗控制

    之前一直听说PCB设计中信号完整性及阻抗方面的要求,但是本人对此还是有很多的不了解,每次和别人讨论到这里后就不知道该怎么继续就这个问题交谈下去.正巧最近手头有一点工作有这方面的一些需求,就拿来花了一点 ...

  2. Selenium2+python自动化15-select下拉框

    前言 最近由于工作原因,更新慢了一点,今天终于抽出一点时间给大家继续更新selenium系列,学习的脚本不能停止,希望小伙伴能多多支持. 本篇以百度设置下拉选项框为案例,详细介绍select下拉框相关 ...

  3. hibernate进行多表联合查询

    hibernate是按照hql语句来进行查询的, 里面所使用的表名, 其实是实体类的名字, hql语句的写法并没有多大差别, 是在返回结果的时候要稍微做一些处理 //使用hibernate进行多表查询 ...

  4. 利用iframe无刷新上传文件的坑

    页面里经常要用到文件上传的功能,而且要求页面不刷新,先说一下原理:页面里放一个file控件和submit按钮,外面用form表单包住,给form表单加上对应的属性值,action.method.ent ...

  5. web storage的用法

    Web Storage分为两种: sessionStorage localStorage 从字面意思就可以很清楚的看出来,sessionStorage将数据保存在session中,浏览器关闭也就没了: ...

  6. AngularJs自定义指令详解（2） - template

    一些用于定义行为的指令,可能不需要使用template参数. 当指定template参数时,其值可以是一个字符串,表示一段HTML文本,也可以是一个函数,这函数接受两个参数:tElement和tAtt ...

  7. CDN在中国的发展的九个年头的点点滴滴

    对于发展快速的互联网行业来说,8年时间已经足够让一个产业跌宕起伏.但CDN在国内的发展却没有大红大紫,直到2005... 对于发展快速的互联网行业来说,8年时间已经足够让一个产业跌宕起伏.但CDN在国 ...

  8. QEMU命令创建KVM Guest(bridge桥接)

    1. Check QEMU version [root@pqsfc018 ~]# /usr/bin/qemu-system-x86_64 -version QEMU emulator version ...

  9. 初学layer-------web框架

    第一步,文件的下载   http://layer.layui.com/ 第二步,文件的部署即将包放到web端的相关目录下. 第三步,引用layer.js(此框架是基于jquery的)所以要先引用jqu ...

  10. jsp_属性范围_request

    request属性范围表示在服务器跳转后,所有设置的内容依然会被保留下来.(服务器端跳转:页面跳转,地址栏不发生变化) 下面写个小例子测试下: (1)request_demo.jsp <%@ p ...