学习了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.toymoban.com/news/detail-466666.html
来源:https://www.weidianyuedu.com文章来源地址https://www.toymoban.com/news/detail-466666.html
到了这里,关于html怎么引入JavaScript代码的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!