网页设计与制作教程Web前端开发（第7版）课件：JavaScript语法基础-在HTML文档中使用JavaScript.pptx

在HTML文档中使用JavaScript代码有3种方法：在HTML文档中嵌入脚本程序链接脚本文件在HTML标签内添加脚本。JavaScript语法基础在HTML文档中使用JavaScript

目录JavaScript程序设计基础7.1JavaScript概述7.2在HTML文档中使用JavaScript7.3数据类型7.4标识符、变量和常量7.5运算符和表达式7.6流程控制7.7函数7.8正则表达式习题

7.2在HTML文档中使用JavaScript7.2.1在HTML文档中嵌入脚本程序JavaScript的脚本程序包括在HTML中，使之成为HTML文档的一部分。其格式为：scripttype=text/javascriptJavaScript语言代码;JavaScript语言代码;…/script注意，在scriptlanguage=JavaScript…/script中的程序代码有大、小写之分。

7.2在HTML文档中使用JavaScript【例7-1】在HTML文档中嵌入JavaScript的脚本。本例文件7-1.html。!DOCTYPEhtmlhtml head metacharset=utf-8 titleJavaScript示例/title scripttype=text/javascript document.write(HelloWorld!); /script /head body /body/html

7.2在HTML文档中使用JavaScript

7.2在HTML文档中使用JavaScript7.2.2链接脚本文件head…scripttype=text/javascriptsrc=路径/脚本文件名.js/script…/headtype=text/javascript属性定义文件的类型是javascript。src属性定义.js文件的URL。脚本文件名.js其格式为：JavaScript语言代码;//注释…JavaScript语言代码;

7.2在HTML文档中使用JavaScript【例7-2】将例7-1改为链接脚本文件。7-2.html：!DOCTYPEhtmlhtmlheadmetacharset=utf-8titleJavaScript示例/titlescripttype=text/javascriptsrc=hello.js/script!--URL为hello.js--/headbody/body/html脚本文件hello.js的内容为：document.write(HelloWorld!);

7.2在HTML文档中使用JavaScript

7.2在HTML文档中使用JavaScript【例7-2】将例7-1改为链接脚本文件。本例文件7-2.html!DOCTYPEhtmlhtmlheadmetacharset=utf-8titleJavaScript示例/titlescripttype=text/javascriptsrc=./js/hello.js/script!--URL为hello.js--/headbody/body/html脚本文件hello.js（保存在当前文件夹中的js文件夹中）的内容为：document.write(HelloWorld!);

7.2在HTML文档中使用JavaScript7.2.3在HTML标签内添加脚本【例7-3】在标签内添加JavaScript的脚本，本例文件7-3.html在浏览器中显示的效果，如图7-5和图7-6所示。

7.2在HTML文档中使用JavaScript!DOCTYPEhtmlhtmlheadmetacharset=utf-8titleJavaScript示例/title/headbodyforminputtype=buttononClick=alert(欢迎来到JavaScript世界！);value=单击此按钮/formpstyle=font:12pt;font-family:黑体;color:red;text-align:centerJavaScript例子/p/body/html

祝贺你又学完了一节《网页设计