1.函数原型prototype设置的对象是只读类型，所以不能修改（即栈只读）。但是我们常常可以看到它被“修改‘’了。若对象中定义的属性和原型中属性一样，优先使用自定义属性。

例如代码:

//原型 类似于父类

        function students() {

            this.major= '数学';

            this.studentsName = ['张三','李四','王五'];

        }

        var myStudents = new students(); //必须建立实例对象 才能被其他对象'继承';

        //建立对象

        function teacher(sub) {

        }

        teacher.prototype = myStudents;//设置原型

        var mathTeacher = new teacher(); //创建对象

        mathTeacher.studentsName[] = '赵六';

        var englishTeacher = new teacher(); //创建对象

        englishTeacher.major = 'English';

        alert('studentsName=' + mathTeacher.studentsName + "  " + 'major=' + mathTeacher.major);//输出结果

        alert('studentsName=' + englishTeacher.studentsName + "  " + 'major=' + englishTeacher.major);//输出结果

输出结果为：

但是它们修改的方式是不一样的。

 mathTeacher.studentsName[0] = '赵六';

studentsName指向的数组不能变，但是数组成员可以变。例如studentsName指向三年二班，你就不能让它重新指向四年一班。但是三年二班的学生改变了，studentsName还是指向三年二班没有改变。（这涉及栈堆问题）

englishTeacher.major = 'English';

这并没有改变原型中的major，只是对象新建了一个和原型中的major同名的属性，根据原则优先使用自定义属性。

2.innertext和innerHTML属性的区别：

给innertext任何值都将视为文本，并以文本的形式完整的输出。

而innerHTML能判断给的值是否是标签，若是转为标签。例如

<script type="text/javascript">

        //页面加载完成后执行

        window.onload = function () {

            window.p1.innerText = "<a href='" + 'http://www.baidu.com' + "'>"+'百度'+'</a>';

            window.p2.innerHTML = "<a href='" + 'http://www.baidu.com' + "'>" + '百度' + '</a>';

        }

    </script>

</head>

<body>

    <!--第一个p标签 用于测试innerText-->

    <p id="p1">

    </p>

    <!--第一个p标签 用于测试innerHTML-->

    <p id="p2">

    </p>

</body>

运行结果为

3.一个需要图片跟着鼠标移动的需求，使用document.body.onmousemove发现不太理想，于是使用了document.onmousemove达到了效果。于是稍微琢磨了一下两者的区别。

在给document.body使用background-color染色时发现是整个屏幕染色。但是实际上document.body只有图片大小（本例中），只有鼠标在图片中移动时图片才会跟着移动。所以应该是body中有多少元素就撑多大。教程中说的body 的width 是不受限制，实际测试中也是受限制的（时代在变化？）。

而document.onmousemove是针对整个屏幕的事件。所以根据需求做不同的选择吧。

4.在设置元素大小时发现不是直接在元素中设定的style属性，无法直接使用xxx.style.heigth获得 ，得使用xxx.offsetHeigth获得。宽也一样。

javascript中的属性注意事项的更多相关文章

  1. 深入理解JavaScript中的属性和特性

    深入理解JavaScript中的属性和特性 JavaScript中属性和特性是完全不同的两个概念,这里我将根据自己所学,来深入理解JavaScript中的属性和特性. 主要内容如下: 理解JavaSc ...

  2. Javascript中length属性的总结

    Javascript中length属性的总结 一.StringObject中的length     length属性是返回字符串的字符数目. 例如: // 普通字符串 var str = " ...

  3. [转] JavaScript中的属性:如何遍历属性

    在JavaScript中,遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单.这主要有两个方面的原因:一个是,JavaScript中的对象通常都处在某个原型链中,它会从 ...

  4. 【转载】JavaScript中的属性:如何遍历属性

    转载自:http://www.cnblogs.com/ziyunfei/archive/2012/11/03/2752905.html 在JavaScript中,遍历一个对象的属性往往没有在其他语言中 ...

  5. Javascript中prototype属性详解 （存）

    Javascript中prototype属性详解   在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不 ...

  6. 详解 javascript中offsetleft属性的用法（转）

    详解 javascript中offsetleft属性的用法 转载  2015-11-11   投稿:mrr    我要评论 本章节通过代码实例介绍一下offsetleft属性的用法,需要的朋友可以做一 ...

  7. （转载）详解Javascript中prototype属性(推荐)

    在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不 ...

  8. Javascript中prototype属性详解

    在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不 ...

  9. Javascript中prototype属性的详解

    原文链接:http://www.cnblogs.com/Uncle-Keith/p/5834289.html 在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象 ...

随机推荐

  1. 根据自定义区域裁剪ArcGIS切片地图服务

    切片地图服务是访问地图最快捷的服务方式.假如要根据地理区域对切图进行访问控制,往往只能针对不同地理区域制作相应的地图,并发布为切片地图服务.而一般在切图的时候又是按全区域实施的,所以给切片管理者造成不 ...

  2. React Native常用组件样式总结

    在react 中,有时要使用 style 指定样式 ,如要跟随放大比例关系,展示图标. const stylebutton = {width:25*scalesize, height:25*scale ...

  3. 玩转Android拍摄功能

    简单拍照与摄像 在富媒体开始流行之前,整个世界是一个灰暗且平淡无奇的地方.还记得Gopher吗?我或许不记得了.自从APP成为用户生活的一部分之后,这便给他们提供了一种方式可以来存放他们生活的细节.使 ...

  4. textarea显示默认值

    点击不显示默认值,鼠标离开如果没有内容就显示默认值,如果有内容就显示内容. <textarea class="area" onfocus="if(value=='请 ...

  5. Storm并行度

    1.Storm并行度相关的概念 Storm集群有很多节点,按照类型分为nimbus(主节点).supervisor(从节点),在conf/storm.yaml中配置了一个supervisor有多个槽( ...

  6. protobuf 源代码分析 (1)准备工作

    protobuf简介 protobuf是google开源的跨平台的一种数据序列化的代码自动生成器,支持c++.java和python语言,支持跨网络的传输数据,与平台类型无关.并且其生产的序列化数据具 ...

  7. Oracle SQL_TRACE使用小结

    一.关于基础表Oc_COJ^c680758 rd-A6z/&[1R1] H680758 Oracle10G之前,启用AUTOTRACE功能需要手工创建plan_table表,创建脚本为$ORA ...

  8. Eclipse连接sqlserver体验过程

    以前装的sqlserver 2008试用期到了,就按照网上的步骤,彻底删除了sqlserver,然后又重新装了下,再用eclipse连接的时候,发现提示TCP/IP被禁用,然后找到了sqlserver ...

  9. 八、Vue中的computed属性

    看了网上很多资料,对vue的computed讲解自己看的都不是很清晰,今天忙里抽闲,和同事们又闲聊起来,对computed这个属性才有了一个稍微比较清晰的认识,下面的文章有一部分是转自: https: ...

  10. LeetCode 题解之Plus One

    1.题目描述 2.题目分析 从后向前做加法,等于10则进位,否则直接加1 ,返回 digits; 3.代码 vector<int> plusOne(vector<int>&am ...