学习了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文件;

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

————————————————

来源:https://www.weidianyuedu.com

html怎么引入JavaScript代码相关推荐

  1. html如何引入JavaScript代码

    转自:微点阅读   微点阅读 - 范文大全 - 免费学习网站 学习了HTML入门教程之后,我们都知道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. 只有14秒,假老黄才是假的!黄仁勋没有骗了全世界,英伟达「元宇宙」验明正身...
  2. 解决启动hadoop时datanode无法启动
  3. 怎么设置html页面背景图片大小怎么设置,HTML – 响应式网页设计:“如何根据浏览器窗口大小使用CSS调整背景图像的大小”?...
  4. 【JavaScript 1—基础知识点】:宏观概述
  5. 解决Error #15: Initializing libiomp5.dylib, but found libomp.dylib already initialized.
  6. python热成像_盘点Terabee传感器家族:TOF测距、3D相机、热成像
  7. 插入,冒泡,选择,快速,归并,堆排序,java 泛型实现
  8. 电视剧《赘婿》宁毅与乌家的岁布战没怎么看懂,可以细致分析一下吗?
  9. 深入学习Make命令和Makefile(上)
  10. 关于Tapestry5中的配置项的说明
  11. python语音合成并播放_Python:TTS语音合成技术,市场各大平台对比以及实现
  12. 四六级成绩还可以这样查?Python助你装B一步到位!!!
  13. 六爻:占卜记录(By eof)
  14. 王某调离岗位后所使用计算机由新到任陈某,别为“前任”背锅!警惕工作交接中的泄密风险...
  15. Unittest-单元测试2
  16. Spring 和 JAVA 的牵绊
  17. python程序员买西瓜代码_朴素贝叶斯python代码实现(西瓜书)
  18. signature=daa3bbe3ad9a7c162ba9d98f8d9e7530,解决select2插件下拉搜索框,输入拼音能够匹配中文汉字的问题...
  19. Spring源码分析之BOP/IOC/DI/AOP
  20. 一台路由器连接3个以太网_如何查找通过以太网直接连接到第一台计算机的第二台计算机的IP地址?...

热门文章

  1. 硕士论文计算机要求,计算机硕士论文格式要求
  2. configuration is still incorrect. do you want edit it again?
  3. 怎么设置每个月的某一天提醒
  4. Job System概述
  5. arduino控制模数转换器代码
  6. 对遥感图像的分类处理综合应用
  7. 微信支付之PC网站(Native)支付详解
  8. Go语言中重写String()方法
  9. 怎么把pdf转换为html,怎样能够把PDF文档转换成HTML呢
  10. 科研|写论文|考研|40款必备软件