当前位置 : 主页 > 网页制作 > html >

html如何引入js文件

来源:互联网 收集:自由互联 发布时间:2021-08-18
方法:1、在script标签内直接写入javaccript代码;2、通过“script src=文件地址”引入外部JS文件;3、在已有的javascript指令中使用“script.src = js地址”,引用远程js文件。 本教程操作环境:

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

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

JavaScript执行在html中,引用有几种方式?

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

<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>//(绝对路径)

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

<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.src = "http://common.cnblogs.com/script/jquery.js";
    document.getElementsByTagName("head")[0].appendChild(script);  
  }
</script>

推荐学习:html视频教程

以上就是html如何引入js文件的详细内容,更多请关注自由互联其它相关文章!

网友评论