学习笔记：网页技术Ch6.JavaScript和JQuery

(来源：notes of course Web Technology of Vrije Universiteit Brussel)

---

前面有介绍javascript，是一个脚本语言，注意，Java和JavaScript是完全两个语言。

通常来说，大家会认为JavaScript只会用于web应用中，但是其实，像PDF，MS office也是用JavaScript写的，但是呢，我们在这一章中只探讨在web中的应用。

为什么要用JavaScript？

肯定有人会问，HTML和CSS不就够网页用了吗？而且HTML5功能那么强大。试想一个网站，它需要有一个计算器的功能，你当然可以把每个答案都算好，然后写进一个网站的不同链接里（其实有一些考试查询网站就是这么做的），但是正常人都会觉得太麻烦了只需要一个内嵌的javascript程序就可以完成。

js放置的位置：

• in the
• in the
• external

接下来就是讲解js的语法了，这里可以用其他内容代替：

JavaScript 教程

感觉和java写在main里的程序的语法差别不大，就是注意，在js里，Object由reference传递，而不是value。

注：所以感觉JavaScript里的对对象和类的定义比较模糊，实际上就是封装在一起的了

let x = student; //之前创建的student类
x.firstName = "Peter";
let name = student.firstName //输出name就是Peter，因为x和student是同一个object的reference

另外一个新奇的点是，event–事件。

其实就是HTML里面发生了些什么情况，可以在这些情况下自动调用js。

<button onclick="this.innerHTML=Date()">现在的时间是？</button>

之后介绍Jquery：

jQuery 是一个 JavaScript 库。；jQuery 极大地简化了 JavaScript 编程。；jQuery 很容易学习。

jQuery 教程

如何调用？

• download from jQuery.com
• Links to jquery from Google or MS

语法：

$(selector).action()

注：Seletor继承了CSS，使得选择html的part更加方便，并且可以访问类属性

记住的是：

• Jquery code executed when document loaded(ready)

并且Jquery还可以直接根据DOM tree进行定位，非常方便。

JSON：

JSON：JavaScript 对象表示法（JavaScript Object Notation）。
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快，更易解析。

{
"employees": [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName":"Carter" }
]
}

XML下一章会详细讲，这里不赘述了