在HTML文件中引入JavaScirpt的三种方式方法

来源：互联网 2023-03-17 00:47:34 版权归原作者所有，如有侵权，请联系我们

网页实现动态效果需要引入JavaScirpt来实现，下面介绍在HTML文件中引入JavaScirpt的三种方式。

工具/原料

打开PyCharm，写入基础html代码，当然也可以用其他文本编辑工具替代PyCharm。

在HTML文件中引入JavaScirpt的三种方式方法

行内引入方式：直接将JavaScirpt写在html的标签中，例如在html的body区域写入元素button，然后在button标签的onclick事件中写入JavaScirpt代码。

在HTML文件中引入JavaScirpt的三种方式方法

内部引入方式：此方式中需将JavaScirpt代码用script标签圈起来，位置可以放在html文档的head中，此时JavaScirpt代码将先于html文档中的元素加载。

在HTML文件中引入JavaScirpt的三种方式方法

在内部引入方式中也可将JavaScirpt代码放在html文档的body中,并通过事件与页面元素绑定。

在HTML文件中引入JavaScirpt的三种方式方法

4该信息未经授权抓取自百度经验

外部引入方式：首先新建一个后缀为js的文件，在其中写入JavaScirpt代码。

在HTML文件中引入JavaScirpt的三种方式方法

回到html页面，使用代码script type="text/javascript" src="hello.js" charset="UTF-8">/script>引入外部JavaScirpt代码，其中src为外部js文件的路径。

在HTML文件中引入JavaScirpt的三种方式方法

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！