html关于js的引入

关于 ./ ../ ../../ 的区别


+ 1. ./  HTML本级文件夹
+ 2. ../ HTML 的上级文件夹
+ 3. ../../ HTML的上上级文件夹

1.html引入的js与它在同级文件夹是 引入的路径如下图:

当html文件所在的位置与js所在的文件同级时
./script  等同于script 代表本级文件夹
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript" src="script/api.js"></script>

2.html 所在的文件和js不同级时, 引入的路径如下:

js的位置在html上级文件夹,同级的文件夹是就是../script
<script type="text/javascript" src="../script/jquery-1.9.1.min.js"></script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,497评论 1 32
  • 最近在学习 Webpack,网上大多数入门教程都是基于 Webpack 1.x 版本的,我学习 Webpack 的...
    My_Oh_My阅读 8,209评论 40 247
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,237评论 7 35
  • “第二天早晨在日光中一看,果然,熟识的墙壁,舒适的书堆......这些,在平时,我也时常看它们的,其实是算作一种休...
    悦骑城市阅读 230评论 0 1
  • #杂言# 就写点什么,虽然我立了这个开头,但我也没想好我到底要写什么。 最近很忙,各式各样的忙,但我好像...
    长安雨泠阅读 165评论 0 0