网页设计与制作教程（HTML+CSS+JavaScript） 教学配套课件 刘瑞新 第8章 JavaScript脚本语言.pdfVIP

网页设计与制作教程 网页设计与制作教程 （HTML+CSS+JavaScript） （HTML+CSS+JavaScript） 机械工业出版社同名教材 机械工业出版社同名教材 配套电子教案 配套电子教案 第8章 JavaScript脚本语言 第8章 JavaScript脚本语言 8.1 JavaScript简介 8.1 JavaScript简介 8.2 在网页中插入JavaScript 的方法及定义 8.2 在网页中插入JavaScript 的方法及定义 8.3 JavaScript 的基本数据类型和表达式 8.3 JavaScript 的基本数据类型和表达式 8.4 JavaScript 的程序结构 8.4 JavaScript 的程序结构 8.5 基于对象的JavaScript语言 8.5 基于对象的JavaScript语言 8.6 DOM对象及编程 8.6 DOM对象及编程 8.7 JavaScript的对象事件处理程序 8.7 JavaScript的对象事件处理程序 8.1 JavaScript简介 8.1 JavaScript简介 JavaScript语言的前身叫作LiveScript，自从Sun公司 JavaScript语言的前身叫作LiveScript，自从Sun公司 推出著名的Java语言后，Netscape公司引进了Sun公司有关 推出著名的Java语言后，Netscape公司引进了Sun公司有关 Java的程序概念，将LiveScript重新进行设计，并改名为 Java的程序概念，将LiveScript重新进行设计，并改名为 JavaScript。 JavaScript。 目前流行的多数浏览器都支持JavaScript，如Netscape 目前流行的多数浏览器都支持JavaScript，如Netscape 公司的Navigator 3.0以上版本，Microsoft公司的Internet 公司的Navigator 3.0以上版本，Microsoft公司的Internet Explorer 3.0以上版本。 Explorer 3.0以上版本。 JavaScript是一种行为脚本语言，用JavaScript可以创 JavaScript是一种行为脚本语言，用JavaScript可以创 建出运行在多平台和浏览器上的交互行为和效果。 建出运行在多平台和浏览器上的交互行为和效果。 8.2 在网页中插入JavaScript 的方法及定义 8.2 在网页中插入JavaScript 的方法及定义 8.2.1 在HTML文档中嵌入脚本程序 8.2.1 在HTML文档中嵌入脚本程序 JavaScript的脚本程序包括在HTML中，使之成为HTML文 JavaScript的脚本程序包括在HTML中，使之成为HTML文 档的一部分。其格式为： 档的一部分。其格式为： script language JavaScript script language JavaScript JavaScript语言代码 ; JavaScript语言代码 ; JavaScript语言代码 ; JavaScript语言代码 ; … … 【演练8-1】在HTML文档中嵌入JavaScript的脚本，本例文件8-1.html在 【演练8-1】在HTML文档中嵌入JavaScript的脚本，本例文件8-1.html在 浏览器中显示的效果如图8-1和图8-2所示。 浏览器中显示的效果如图8-1和图8-2所示。 8.2 在网页中插入JavaScript 的方法及定义 8.2 在网页中插入JavaScript 的方法及定义 8.2.2 链接脚本文件 8.2.2 链接脚本文件 可以把脚本保存在一个扩展名为.js的文本文件中，供 可以把脚本保存在一个扩展名为.js的文本文件中，供 需要该脚本的多个HTML文件引用。要引用外部脚本文件，使 需要该脚本的多个HTML文件引用。要引用外部脚本文件，使 用script标记的src属性指定外部脚本文件的URL。 用script标记的src属性指定外部脚本文件的URL。 其格式为： 其格式为： … … script type text/javascript src 脚本文件名.js script type text/javascript src 脚本文件名.js … … 8.2 在网页中插入JavaScript 的方法及定义 8.2 在网页中插入JavaScript 的方法及定义 8.2.3 在标记内添加脚本 8.2.3 在标记内添加脚本 可以在HTML表单的输入标记符内添加脚本，以响应输入 可以在HTML表单的