JavaScript语言本身不会产生事件，产生事件的是网页文档和网页文档中的HTML元素。 什么是事件呢？事件就是网页文档或网页元素对外发出的通知。当HTML元素与用户发生交互行为时，该元素会触发相关的交互事件，例如：当用户用鼠标单击网页中的按钮时，按钮会触发鼠标单击事件（onclick）。元素自身也会触发事件，例如：当图片元素加载完成后，会触发加载完成事件（onload）。 HTML文档或元素触

String是字符串类型，每个实例化的字符串变量都是一个String对象。 例如： name = “赵三”; 变量name被赋予字符串类型，同时name也是一个字符串对象。 String对象也可以使用new运算符来创建，或者直接使用String名称来创建。 例如： var s = new String(“赵三”); var s = String(“赵三”); String对象的常用属性见下表，表中

在一个程序执行的过程中，语句的执行顺序对程序的结果是有直接影响的。也就是说程序的流程对运行结果有直接的影响。 语句流程控制是用来控制程序中各条语句的执行顺序，它可以把语句组合成能完成一定功能的代码段。流程控制方式主要有：顺序结构、条件结构和循环结构。 顺序结构是流程控制中最简单、也是最常用的结构，结构内的所有语句按顺序执行，只有上一条语句执行完成后，才执行下一条语句。 function add()

函数就是在程序设计中，将一段代码封装起来，完成一个特定的功能，并给这段代码起一个名称，程序通过名称就可以执行这段代码。 JavaScript定义函数有两种方式：一种方式是显示定义函数；一种方式是匿名定义函数。 显示定义函数通过函数声明来定义，定义语法如下： function functionname(parameters){ 函数代码 } 其中，function是定义函数的关键字，function

JavaScript语法与Java语法类似，但JavaScript的语法规则要比Java语言的语法规则简单的多。 JS语句同Java语句相同，在语句中可以包含变量、关键字、运算符和表达式，语句结束符使用英文分号“；”，在语句的结尾也可以不使用结束符。 下面是JS语句的例子： name = "赵五"; r = 3.0; s = 3.14 * r * r; 其中，第1条语句是简单赋值语句，将字符串“赵

JavaScript是脚本语言，它可以直接嵌入到HTML网页，由浏览器一边解释一边执行。JavaScript程序一般是在客户端运行，当然也可以在服务器端运行。例如：Node.js就可以让JavaScript运行在服务端，使用JavaScript技术构建WEB服务器。为便于描述，JavaScript也称为JS，后面内容的JavaScript和JS都是指JavaScript脚本语言。 编写第一个嵌入H

默认情况下，HTML元素在网页的位置是由元素类型（块元素或行元素）以及内容来决定的。浏览器显示HTML网页时，当遇到块元素时，浏览器会将将该元素放置在独立的一行，行的高度由元素内容或元素高度属性决定，该元素后面的内容会被放置在该元素的下方；当遇到行元素时，浏览器会将该元素及后面的行元素都放置在一行，行的高度由最高的那个行元素决定。这样的排版方式称为流式排版。 一般情况下，建议HTML元素都遵循流式

在前端编程中，美工负责网页的设计，，美工设计网页时注重艺术性、美观性和易用性，基本不考虑HTML元素自身的排版特性（HTML元素分为块元素和行元素，块元素在网页中的效果是该元素的内容对于其前后元素的内容都另起一行，行元素在网页中的效果是该元素的内容对于其前后元素的内容都在一行显示）。前端工程师需要通过CSS和HTML元素来实现美工设计的网页，要实现美工设计的网页布局，就需要前端工程师借助CSS的布

渐变填充分为线性渐变和径向渐变两种方式。前面介绍了线性渐变填充，这节介绍径向渐变填充。径向渐变填充是从起点颜色到终点颜色，从内到外进行椭圆或圆形渐变。 径向渐变填充使用radial-gradient（）函数，需要定义起始颜色、中间过度颜色和终止颜色，中间过度颜色可以有多种颜色，也可以省略过度颜色。例如下面的radial-gradient（）函数定义了起始颜色为红色、过度颜色为黄色、终止颜色为蓝色的

在CSS3之前实现元素背景的渐变填充需要用图像来实现，用图像实现元素的渐变填充存在显示模糊、占用流量和网页下载时间过长的问题。CSS3增加了对元素背景渐变填充的支持，当前主流浏览器的版本一般都支持CSS3。渐变填充分为线性渐变和径向渐变，线性渐变使用CSS3函数linear-gradient（）。 使用linear-gradient（）函数实现元素背景的渐变填充，需要定义起始颜色、中间过度颜色和终