WEB前端技术基础(第四章:JavaScript-网页动态交互语言)

JavaScript语言并非Java 语言

JavaScript由Netscape公司的LiveScript发展来的

Java是Sun公司开发的用于编写跨平台应用程序的面向对象的程序设计语言

嵌入到HTML页面中的脚本，实现用户交互、控制Web浏览器、动态修改文档内容等功能 ，称为客户端的JavaScript

JavaScript由三部分组成

**ECMAScript：**描述语言的语法和基本对象

**文档对象模型：**描述处理网页内容的方法和接口

**浏览器对象模型：**描述与浏览器进行交互的方法和接口

两种引入方法

嵌入文件

html 复制代码

<html>
    <head>
        <script type="text/javascript"></script>
    </head>
    <body></body>
</html>

定义在js文件中

html 复制代码

<html>
    <head>
        <script type="text/javascript" src="myjs.js"></script>
    </head>
    <body></body>
</html>

二、JavaScript基本语法

注释

单行注释：//

多行注释：/* */

数据类型

运算符-表达式-流程控制语句

参考C语言，差不多是一致的

函数

内部函数

自定义函数
html 复制代码
function 函数名(paramlist){
    函数体
}
函数的调用

直接调用：函数名(参数列表)

<a>标签中，使用JavaScript：<a href="javascript:函数名"></a>

与事件结合调用：当触发时自动调用指定的JavaScript函数

三、JavaScript事件驱动和事件处理

事件句柄

事件发生要进行的操作
html 复制代码
<标记 事件句柄="JavaScript代码"...></标记>
事件处理

事件发生，截获并处理该事件

静态指定
html 复制代码
<标记 事件句柄="事件处理程序"></标记>
动态指定
html 复制代码
<事件主角-对象>.<事件句柄>=<事件处理程序>;