转自:微点阅读   微点阅读 - 范文大全 - 免费学习网站

学习了HTML入门教程之后,我们都知道HTML页面是静态的,要实现某些动态效果,就要引入JavaScript。本节课就来给大家讲解一下怎样在HTML页面中引入JavaScript。这节课不涉及太多编程方面的知识,先给大家说一下引用方式,这样大家至少都知道在哪编程,然后再在后面章节跟大家促膝长谈编程方面的知识。

JavaScript在HTML的引用共有4种:

(1)页头引入(head标签内);

(2)页中引入(body标签内);

(3)元素事件中引入(标签属性中引入);

(4)引入外部JS文件;

By the way,这4种引入方式都very very 常用,大家一定要好好理解一下喔。

一、页头引入JS

在页头引入JS,指的就是在<head></head>标签内编写JavaScript。

二、页中引入JS

在页中引入JS,指的就是在<body></body>标签内编写JavaScript。

在body标签内引入JavaScript跟在head标签引入JavaScript语法格式类似,在此不再重复讲解。

三、元素事件中引入JS
在元素事件中引入JS,就是指在元素的某一个属性中直接编写JavaScript程序或调用JavaScript函数,这个属性指的是元素的“事件属性”。

四、引入外部JS文件
引入外部JS文件,说白了就是把JavaScript程序存放在一个后缀名为.js的文件中,然后使用script标签来引用。此外,引用外部JS文件的script标签可以放在head标签内,也可以放在body标签中。

可能大家刚刚开始很难去深入理解并记忆这4种JS引用方式,不过没关系,以后大家忘了再回来这里看看,编程这种东西一回生二回熟,写多了自然就会记得。微点阅读 - 范文大全 - 免费学习网站

总结
1、JavaScript在HTML的引用共有4种:

(1)页头引入(head标签内);

(2)页中引入(body标签内);

(3)元素事件中引入(标签属性中引入);

(4)引入外部JS文件;

这四种引用方式都非常重要,没有哪一种不重要的。

微点阅读 - 范文大全 - 免费学习网站! - m.weidianyuedu.com

html如何引入JavaScript代码相关推荐

  1. html怎么引入JavaScript代码

    学习了HTML入门教程之后,我们都知道HTML页面是静态的,要实现某些动态效果,就要引入JavaScript.本节课就来给大家讲解一下怎样在HTML页面中引入JavaScript. 这节课不涉及太多编 ...

  2. 使您JavaScript代码更加健壮

    JavaScript一直是重要的编程语言,是唯一在浏览器中可靠运行的语言. 前端开发以及基于Node.js的后端开发的最新趋势推动了JavaScript应用程序的规模和复杂性. 大型团队开发的大型应用 ...

  3. JavaScript代码具体是怎么引入到HTML中的?

    JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码.通过 <script> 标签将 JavaScript 代码引入到 HTM ...

  4. 翻译-高质量JavaScript代码书写基本要点(转载)

    by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1173 原文作者:S ...

  5. 如何优雅的编写 JavaScript 代码

    几乎每个大一点公司都有一个"运行时间长,维护的工程师换了一批又一批"的项目,如果参与到这样的项目中来,大部分人只有一个感觉--"climb the shit mounta ...

  6. 深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点

    才华横溢的Stoyan Stefanov,在他写的由O'Reilly初版的新书<JavaScript Patterns>(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会 ...

  7. 用JSLint精炼提升JavaScript代码

    由于移动应用的盛行和HTML5的广泛运用,JavaScript正越来越流行.JavaScript受欢迎的部分原因是因为它的灵活便捷,你可以快速上手,它不需要重量级的开发环境,也不需要第三方应用支持,只 ...

  8. javascript 代码_如何开始对JavaScript代码进行单元测试

    javascript 代码 We all know we should write unit tests. But, it's hard to know where to start and how ...

  9. javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量

    JavaScript简介 JavaScript历史: JavaScript是一门解释型.动态类型.基于对象的脚本语言(不需要编译,直接执行,与之相对的是编译型语言),由美国网景公司的布兰登·艾奇发明, ...

最新文章

  1. CSP认证201409-2 画图[C++题解]:模拟、图形的并
  2. 日志级别 debug info warn eirror fatal
  3. Java虚拟机JVM的内部体系结构
  4. 软件工程(总体设计②设计原理)
  5. 在Eclipse中使用CVS的实践建议
  6. fetch 不是xhr_fetch与XHR的区别与优势
  7. 浏览器滚动条默认样式改变
  8. 【原创】基于Qt5.14的一站式安卓开发环境搭建
  9. vs2013产品密钥(所有版本)
  10. P3174 [HAOI2009] 毛毛虫(树形DP)
  11. keep跑步记录伪造_Keep、悦跑圈、咕咚、悦动圈,四个跑步App比对
  12. 从史前到现在 三百八十年 计算机编年史(转)
  13. 【FPGA】Spartan®-7器件XC7S75-1FGGA484C、XC7S15-1FTGB196C现场可编程门阵列芯片
  14. ipad上html语言编辑,在 iPad 上键入和编辑文本的小技巧
  15. Android JWord生成复杂表格(单元格合并)
  16. 关于彻底获得管理员权限的方法。(解决PYTHON PS 等报错问题)
  17. mysql的NULL和空值
  18. 文件损坏 无法删除 怎么使用chkdsk磁盘修复工具
  19. 交巡警求全市距离MATLAB程序,交警服务平台MATLAB
  20. 未定义标识符 “uint“ “uint8_t” 解决

热门文章

  1. tp5配置pathinfo
  2. 如何做好自动化机械设计,一起学起来
  3. 面试系列之解决方案测试工程师(大华)
  4. docker 阿里云镜像加速器
  5. yaml.parser.ParserError
  6. 修改系统默认软件安装路径
  7. Ubuntu挂载SD卡小问题
  8. 为了解决jetson tx2的内存不足。挂载sd卡,并且使用docker在sd中安装jetPack的镜像。
  9. Web播放器AudioBox基于HTML5完成重构 支持云存储
  10. 中国汽油机行业市场供需与战略研究报告