html如何引入js文件

146 阅读 0 评论 97 点赞

我是靠谱客的博主慈祥秀发，这篇文章主要介绍html如何引入js文件，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、javascript1.8.5&&HTML5版、Dell G3电脑。

js文件是指储存了JavaScript代码的文本文件，后缀名为“.js”。

那么怎么在html中引入js文件，有以下两种方法：

第一种：利用script标签的src属性来引入js文件

复制代码<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>//（相对路径）
<script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>//（绝对路径）1
2
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>//（相对路径）
<script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>//（绝对路径）
登录后复制

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

复制代码<script>
　　window.onload = function(){
　　　　var script = document.createElement("script");
　　　　script.setAttribute("type","text/javascript");
　　　　script.src = "http://common.cnblogs.com/script/jquery.js";
　　　　document.getElementsByTagName("head")[0].appendChild(script);  
　　}
</script>1
2
3
4
5
6
7
8
<script>
　　window.onload = function(){
　　　　var script = document.createElement("script");
　　　　script.setAttribute("type","text/javascript");
　　　　script.src = "http://common.cnblogs.com/script/jquery.js";
　　　　document.getElementsByTagName("head")[0].appendChild(script);  
　　}
</script>
登录后复制

推荐学习：html视频教程

以上就是html如何引入js文件的详细内容，更多请关注靠谱客其它相关文章！