javascript中的属性注意事项
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中的属性注意事项的更多相关文章
- 深入理解JavaScript中的属性和特性
深入理解JavaScript中的属性和特性 JavaScript中属性和特性是完全不同的两个概念,这里我将根据自己所学,来深入理解JavaScript中的属性和特性. 主要内容如下: 理解JavaSc ...
- Javascript中length属性的总结
Javascript中length属性的总结 一.StringObject中的length length属性是返回字符串的字符数目. 例如: // 普通字符串 var str = " ...
- [转] JavaScript中的属性:如何遍历属性
在JavaScript中,遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单.这主要有两个方面的原因:一个是,JavaScript中的对象通常都处在某个原型链中,它会从 ...
- 【转载】JavaScript中的属性:如何遍历属性
转载自:http://www.cnblogs.com/ziyunfei/archive/2012/11/03/2752905.html 在JavaScript中,遍历一个对象的属性往往没有在其他语言中 ...
- Javascript中prototype属性详解 (存)
Javascript中prototype属性详解 在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不 ...
- 详解 javascript中offsetleft属性的用法(转)
详解 javascript中offsetleft属性的用法 转载 2015-11-11 投稿:mrr 我要评论 本章节通过代码实例介绍一下offsetleft属性的用法,需要的朋友可以做一 ...
- (转载)详解Javascript中prototype属性(推荐)
在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不 ...
- Javascript中prototype属性详解
在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不 ...
- Javascript中prototype属性的详解
原文链接:http://www.cnblogs.com/Uncle-Keith/p/5834289.html 在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象 ...
随机推荐
- OpenGL学习—04--彩色立方体
1.tutorial04.cpp // Include standard headers #include <stdio.h> #include <stdlib.h> ...
- 你真的了解View的坐标吗?
闲聊 View,对我们来说在熟悉不过了,从接触 Android 开始,我们就一直在接触 View,界面当中到处都是 View,比如我们经常用到的 TextView,Button,LinearLayou ...
- Oracle EBS 计划请求
SELECT fcp.concurrent_program_name, decode(fcre.description, NULL, fcpt.user_concurrent_program_name ...
- 【gp数据库】查询系统表看模式下所有表的分布键信息
Greenplum是关系型的分布式数据库,需要存储的数据库在进入数据库时,将先进行数据分布的处理工作,讲一个表的数据平均分不到每个节点上,并为每个表指定一个分发列(distribute Column) ...
- Linux tar命令详解
当你想要压缩一大堆文件时,你得先将这一大堆文件先打成一个包(tar命令),然后再用压缩程序进行压缩(gzip bzip2命令) tar常见命令参数 必要参数有如下: -A 新增压缩文件到已存在的压缩 ...
- springmvc处理日期格式
解决http400错误 通常有两个来源: 1 页面的下拉列表中传入了字符串,而服务器需要的是Integer类型的,所以服务器拒绝. 2, 浏览器传给服务器端的日期格式字符串,服务器端理解不了,所以需要 ...
- ord 字符转code chr : code转字符
print(ord('刀')) # ord 字符转Unicode # 20992 print(chr(20992)) # Unicode 转成chr(字符)
- elif 相当于else&if
if 条件: 语句块 elif 条件: 语句块 ... else #elif好像要有一个else作为结尾
- 记一次webservice的超时时间设置
一次项目组中需要控制超时时间,前期习惯用CXF实现,熟悉的才是最好的.所以这次依然想用CXF实现. 实现的方式代码如下: static{ String fvpWebserviceUrl = Prope ...
- Hive学习之路 (十五)Hive分析窗口函数(三) CUME_DIST和PERCENT_RANK
这两个序列分析函数不是很常用,这里也练习一下. 数据准备 数据格式 cookie3.txt d1,user1, d1,user2, d1,user3, d2,user4, d2,user5, 创建表 ...