日期:2014-05-16  浏览次数:20349 次

javascript笔记1
   对于js一直没有系统的学习,现在开始想深入学习下,但还是从最基础的开始吧。

面向对象的javascript:
     javascript一开始就被设计为一门彻底的面向对象的语言,然而,随着javascript的广为运用和接受,其他语言(比如ruby,python和perl)的程序员开始注意到它,并将许多良好的编程习惯带到了javascript中,从而促进了javascrpt的发展。

    先看一个例子:示范用一个对象组合表示学校中的课程。

//'Lecture'类的构造函数
//用名称(name)和教师(teacher)作为参数
function Lecture(name,teacher){
    //将参数保存在对象的局部属性(local porperty)
     this.name = name;
     this.teacher = teacher;
}
// Lecture 类的一个方法(method),用于生成一条显示Lecture信息的字符串
Lecture.prototype.display = function(){
     return this.teacher + " is teaching " + this.name;
}

var lecture  = new Lecture("maths","fyt")
lecture.display()

//Schedule 类的构造函数,以课程的数组作为参数
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() + " ";
}
return str;
}

//创建一个新的Schedle对象,保存在变量'myShedule'中
var mySchedule = new Schedule([
//创建以恶搞Lecture对象的数组,作为Schedule对象的唯一参数传入
  new Lecture("Gym","Mr. Smith"),
  new Lecture("Math","Mrs.jones "),
  new Lecture("English","TBD")
])

//以弹出框的形式显示这个课程信息
alert(mySchedule.display());
上面的例子可以在firebug中运行.


DOM:
  DOM是表达XML文档的常见方式,它不一定是最快的方式,也未必是最轻量级的或者是最容易使用的,但他的应用非常广泛。大部分Web开发的编程语言(比如java/perl/php/ruby/python/javascript)都提供了相应的实现。DOM给开发者提供了一种定位XML层级结构的直观方法。
  考虑到正确的THML不过是XML的一个子集,解析并浏览DOM文档的有效办法无疑能简化Javascript的开发。归根结底,Javascript中绝大部分的操作都是Javascript和网页里不同HTML元素之间的交互,而DOM则是简化这一过程的出色工具。
  DOM是开发分离式javascript代码的第一步,在THML文档中进行简单的定位使javascript与HTML的互动容易了不少。


事件:
   事件(even)是黏合应用程序中所有用户的"胶水"。在设计良好的javascript应用程序中,既有数据来源,又有这些数据的视觉表现(在HTML DOM中表现),要在这两个方面之间同步就必须通过与用户交互,并根据来更新用户界面。DOM和javascript事件的结合,是决定所有现代web应用程序形态的根本所在。
   所有现在浏览器都提供了特定交互发生时引发的一系列事件,比如用户移动鼠标,敲击键盘或离开页面。


javascript与css
  在DOM和事件交互的基础上产生了DHTML,它的实质其实就是javascript和DOM元素的css属性之间的交互。
  作为简便布局,分离式网页的标准,css在给你提供大量功能的同时,只给你的用户带来了最少量的兼容问题。