《Web前端开发技术——HTML、CSS、JavaScript 教学课件 聂常红 第三讲 在网页中嵌入脚本的方式》.pdf

第三讲在网页中嵌入脚本的方式 • 3.1 在HTML 标记中直接添加脚本 3.2 使用script标记嵌入脚本 • 3.3 使用script标记链接脚本文件 3.1在HTML 标记中直接添加脚本 使用HTML标记的事件属性，可以直 接在标记内添加脚本，以响应元素的 事件。 温 馨 提 示 本文档为 PDF 格式课件，不能运用教学演示， 需要 PPT 格式的课件 ，请 访问 尚辅网 ： 更多课件等您拿。 快速获得课件方法：在淘宝店铺查找输入： 教 学配套课件中心 ；或是直接输入地址 ： 惊喜超出您的想象！ 直接联系获取课件QQ: 349134187 旺旺：源汇雅馨 扫一扫绝对免费获得课件：订阅尚辅网微信公众 号 一扫课件到手！！！！！！ 示例 html head title在HTML 标记中直接添加脚本/title /head body form input type=“button onClick=Javascript:alert(欢迎来到JavaScript世界 ); value=点点我看看 /form /body /html 3.2 使用script标记嵌入脚本 •在头部区域或主体区域的恰当位置处添中 一对script/script标记对 •在script/script标记对之间添加脚本 • 语法格式如下： script language=JavaScript type=text/javascript !-- 在此编写JavaScript代码 //-- /script 示例 html head title使用SCRIPT 标记嵌入脚本/title script language=JavaScript type=text/javascript !-- function showmsg() { alert(欢迎来到JavaScript世界) } //-- /script /head body form input type=Button onClick=showmsg(); value=点点我看看 /form /body /html 3.3使用script标记链接脚本文件 • 如果同一段脚本需要在若干网页中使用， 则可以将脚本放在单独的一个以.js为扩 展名的文件里，然后在需要该文件的网 页中引用。语法格式如下： script type=text/javascript src=脚本文件URL/script 示例 html head title使用SCRIPT 标记链接脚本文件/title script type=text/javascript src=test.js /script /head body form input type=Button onClick=showmsg(); value=点点我看看 /form /body /html 小 结 在网页中嵌入脚本的方式有三种：一是 在HTML标记中直接嵌入脚本；二是使用 SCRIPT 标记插入脚本；三是使用 SCRIPT 标记链接外部脚本文件。 思考题 请问在网页中嵌入脚本的方式有哪些? 温 馨 提 示 本文档为 PD