html怎么引入js文件

这篇文章将为大家详细讲解有关html怎么引入js文件，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

方法：1、在script标签内直接写入javaccript代码；2、通过“<script class="lazy" data-src="文件地址">”引入外部JS文件；3、在已有的javascript指令中使用“script.class="lazy" data-src = "js地址"”，引用远程js文件。

JavaScript执行在html中，引用有几种方式？

第一种：外部引用远程JavaScript文件

<script type="text/javascript" class="lazy" data-src="../js/jquery-1.8.3.js"></script>//（相对路径）<script class="lazy" data-src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>//（绝对路径）

第二种：直接用写在页面上

<script type="text/javascript">　document.write('这里是一行JavaScript代码1');</script>

第三种：在JavaScript代码中引用外部js

<script>　　window.onload = function(){　　　　var script = document.createElement("script");　　　　script.setAttribute("type","text/javascript");　　　　script.class="lazy" data-src = "http://common.cnblogs.com/script/jquery.js";　　　　document.getElementsByTagName("head")[0].appendChild(script);  　　}</script>

关于“html怎么引入js文件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。