欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html如何引入js文件

程序员文章站 2022-03-11 09:15:16
...

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

html如何引入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文件的详细内容,更多请关注其它相关文章!

相关标签: js html