面对对象
构建函数
命名
1. 必须由 英文、数字、_、 $ 组成
2. 不能以数字开头
3. 不能与系统的名字重名
命名建议
1. 见名知意(英文、拼音)
2. 变量的名字 驼峰命名法 例如: backgroundColor
3. 构造函数的名字,建议 在驼峰的基础上,首字母大写!
当你采用new关键字创建对象时,函数内部的this就是当前对象
new 会执行函数 Person中的代码
参数
创建对象时,可以传递参数,与函数调用的规则是一致的,一一对应的
function Person(n, h)
var Jobs = new Person("Jobs", 200)
萤火虫
面对对象
1. 找对象
2. 实现对象
document.createElement 创建标签
document.getElementById 通过id获取标签
document.getElementsByTagName 通过标签名获取标签
1. 创建萤火虫
2.让萤火虫飞
拖拽
属性
元素按下的时候开始 this.ele.onmousedown = function(e)
阻止默认行为 e.preventDefault();
自由主题
方法
开始
this.start = function() {
document.onmousemove = function(e) {
var x = e.clientX - self.detaX;
var y = e.clientY - self.detaY;
self.move(x, y)
}
移动
this.move = function(x, y) {
self.ele.style.left = x + "px";
self.ele.style.top = y + "px";
}
停止
this.stop = function() {
document.onmousemove = null;
}
无标题文章
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...