网页设计与制作教程——Web前端开发(第6版)课件第7章 JavaScript语法基础7.2
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<!DOCTYPE html> <html>
<head> <meta charset="utf-8"> <title>JavaScript示例</title> <script type="text/javascript" src="hello.js"></script> <!--URL为hello.js-->
7.2 在HTML文档中使用JavaScript
<!DOCTYPE html> <html>
<head> <meta charset="utf-8"> <head> <title>JavaScript示例</title> </head>
</head> <body>
<form> <input type="button" onClick="JavaScript:alert('欢迎来到JavaScript世界！');" value="单
7.1 JavaScript概述 7.2 在HTML文档中使用JavaScript 7.3 数据类型 7.4 标识符、变量、运算符和表达式 7.5 流程控制语句 7.6 函数 7.7 对象 7.8 内置对象 7.9 正则表达式 7.10 使用开发者工具调试JavaScript程序 7.11 习题
7.2 在HTML文档中使用JavaScript
… </head> type="text/javascript"属性定义文件的类型是javascript。src属性定义.js文件的URL。 其格式为： JavaScript语言代码; //注释
… JavaScript语言代码;
【例7-2】将例7-1改为链接脚本文件。
7.2 在HTML文档中使用JavaScript
《网页设计与制作教程Web前端开发第6版》 刘瑞新主编 配套资源
第7章 JavaScript语法基础
7.2 在HTML文档中使用JavaScript
在HTML文档中使用JavaScript代码有3种方法：在HTML文档中嵌入脚本程序、 链接脚本文件和在HTML标签内添加脚本。
目录
第7章 JavaScript程序设计基础
</head> <body> </body> </html>
7.2 在HTML文档中使用JavaScript
7.2 在HTML文档中使用JavaScript
7.2.2 链接脚本文件 其格式为： <head>
… <script type="text/javascript" src=ห้องสมุดไป่ตู้路径/脚本文件名.js"></script>
7.2.1 在HTML文档中嵌入脚本程序 JavaScript的脚本程序包括在HTML中，使之成为HTML文档的一部分。其格式为： <script type="text/javascript">
JavaScript语言代码; JavaScript语言代码;
… </script>
注意，在<script language ="JavaScript">…</script>中的程序代码有大、小 写之分。
击此按钮"> </form> <p style="font:12pt; font-family:'黑体'; color:red; text-align:center">JavaScript例子</p>
</body> </html>
《网页设计与制作教程Web前端开发第6版》 刘瑞新主编 配套资源
祝贺你又学完了一节
</head> <body> </body> </html>
脚本文件hello.js的内容为：
document.write("Hello World!");
7.2 在HTML文档中使用JavaScript
7.2 在HTML文档中使用JavaScript
7.2.3 在HTML标签内添加脚本 【例7-3】在标签内添加JavaScript的脚本，本例文件7-3.html在浏览器中显示的 效果，如图7-5和图7-6所示。
【例7-1】在HTML文档中嵌入JavaScript的脚本。
7.2 在HTML文档中使用JavaScript
<!DOCTYPE html> <html>
<head> <meta charset="utf-8"> <title>JavaScript示例</title> <script type="text/javascript"> document.write("Hello World!"); </script>
<head> <meta charset="utf-8"> <title>JavaScript示例</title> <script type="text/javascript" src="hello.js"></script> <!--URL为hello.js-->
7.2 在HTML文档中使用JavaScript
<!DOCTYPE html> <html>
<head> <meta charset="utf-8"> <head> <title>JavaScript示例</title> </head>
</head> <body>
<form> <input type="button" onClick="JavaScript:alert('欢迎来到JavaScript世界！');" value="单
7.1 JavaScript概述 7.2 在HTML文档中使用JavaScript 7.3 数据类型 7.4 标识符、变量、运算符和表达式 7.5 流程控制语句 7.6 函数 7.7 对象 7.8 内置对象 7.9 正则表达式 7.10 使用开发者工具调试JavaScript程序 7.11 习题
7.2 在HTML文档中使用JavaScript
… </head> type="text/javascript"属性定义文件的类型是javascript。src属性定义.js文件的URL。 其格式为： JavaScript语言代码; //注释
… JavaScript语言代码;
【例7-2】将例7-1改为链接脚本文件。
7.2 在HTML文档中使用JavaScript
《网页设计与制作教程Web前端开发第6版》 刘瑞新主编 配套资源
第7章 JavaScript语法基础
7.2 在HTML文档中使用JavaScript
在HTML文档中使用JavaScript代码有3种方法：在HTML文档中嵌入脚本程序、 链接脚本文件和在HTML标签内添加脚本。
目录
第7章 JavaScript程序设计基础
</head> <body> </body> </html>
7.2 在HTML文档中使用JavaScript
7.2 在HTML文档中使用JavaScript
7.2.2 链接脚本文件 其格式为： <head>
… <script type="text/javascript" src=ห้องสมุดไป่ตู้路径/脚本文件名.js"></script>
7.2.1 在HTML文档中嵌入脚本程序 JavaScript的脚本程序包括在HTML中，使之成为HTML文档的一部分。其格式为： <script type="text/javascript">
JavaScript语言代码; JavaScript语言代码;
… </script>
注意，在<script language ="JavaScript">…</script>中的程序代码有大、小 写之分。
击此按钮"> </form> <p style="font:12pt; font-family:'黑体'; color:red; text-align:center">JavaScript例子</p>
</body> </html>
《网页设计与制作教程Web前端开发第6版》 刘瑞新主编 配套资源
祝贺你又学完了一节
</head> <body> </body> </html>
脚本文件hello.js的内容为：
document.write("Hello World!");
7.2 在HTML文档中使用JavaScript
7.2 在HTML文档中使用JavaScript
7.2.3 在HTML标签内添加脚本 【例7-3】在标签内添加JavaScript的脚本，本例文件7-3.html在浏览器中显示的 效果，如图7-5和图7-6所示。
【例7-1】在HTML文档中嵌入JavaScript的脚本。
7.2 在HTML文档中使用JavaScript
<!DOCTYPE html> <html>
<head> <meta charset="utf-8"> <title>JavaScript示例</title> <script type="text/javascript"> document.write("Hello World!"); </script>