很多站长朋友们都不太清楚html是怎么加载js的，今天小编就来给大家整理html是怎么加载js的，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 如何在html页面动态加载js文件 2、 HTML中引入css和js的方法 3、 html怎么调用js文件 4、 HTML如何插入js？ 如何在html页面动态加载js文件html页面动态加载js文件脚本的方法。
1、直接document.write
<script language="javascript">
document.write("<script src='test.js'><\/script>");
</script>
2、动态改变已有script的src 属性
<script src='' id="s1"></script>
<script language="javascript">
s1.src="test.js"
</script>
3、动态创建 script元素
<script>
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
</script>
这三种方法都是异步的，所以在采用这类方法动态加载Js的同时，主界面的Js脚本是继续执行的，所以可能出现通过异步加载的Js代码得不到预期的效果的情况。
HTML中引入css和js的方法我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。
工具/材料
Sublime Text
01
首先新建一个文件夹，在文件夹下面建立如下图所示的文件
02
接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示
03
然后我们在Head标签内用link标签引入CSS文件，如下图所示
04
最后用Script标签引入JS文件即可，如下图所示
html怎么调用js文件html调用外部js文件使用script，src="你的路径/文件.js“，代码如下：
<script type="text/javascript" src="js/jquery.min.js"></script>
HTML如何插入js？HTML页面里想要插入js需要使用script标签。在一对script标签中间写你想要插入的js代码就行，而这一对script标签可以放到head之间，也可以放到body之间，这是直接在页面写的方法，另一种方法是引入外部的js文件，同样使用script，这时不在该标签之间写代码，而是通过src=“js文件路径”引入，通常为了页面简洁常用外部引入的方法。
关于html是怎么加载js的的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于包含html是怎么加载js的的词条的详细内容...