1. 基础
面向对象实例
function Lecture(name, teacher) {
this.name = name;
this.teacher = teacher;
}
Lecture.prototype.display = function () {
return this.teacher + ‘ is teaching ‘ + this.name;
}
//var le = new Lecture(‘数学‘, ‘李四‘);
//console.log(le.display());
function Schedule(lectures) {
this.lectures = lectures;
}
Schedule.prototype.display = function () {
var str = ‘‘;
for (var i = 0; i < this.lectures.length; i++) {
str += this.lectures[i].display() + ‘\n‘;
}
return str;
}
var sc = new Schedule([
new Lecture(‘yuwen‘, ‘aaa‘),
new Lecture(‘shuxue‘, ‘bbb‘),
new Lecture(‘wuli‘, ‘ccc‘)
]);
sc.display();
操作页面元素实例
<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function() {
var lis = document.getElementsByTagName(‘li‘);
for (var i = 0; i < lis.length; i++) {
lis[i].style.border = ‘1px solid #f00‘;
}
var item1 = document.getElementById(‘item1‘);
item1.parentNode.removeChild(item1);
}
</script>
</head>
<body>
<ul>
<li id="item1">item1</li>
<li id="item2">item2</li>
<li id="item3">item3</li>
<li id="item4">item4</li>
</ul>
</body>
</html>
鼠标移入移出事件实例
lis[i].onmouseover = function() {
this.style.backgroundColor = ‘blue‘;
}
lis[i].onmouseout = function() {
this.style.backgroundColor = ‘white‘;
}
2. 面向对象
对象是javascript的基本单位，js中的一切都是对象。下面介绍引用、作用域、闭包以及上下文。
引用就是指向对象实际位置的指针。
作用域就是变量的有效区域，在js中作用域由函数约束而不是由块约束。
闭包表示内部的函数可以引用包含它的外层函数中定义的变量，即使外层函数已经执行完毕。
上下文通过变量this工作。变量this总是引用代码当前所在的那个对象。
时间： 2024-08-08 09:41:47