以下内容是关于js script 引用问题

Question

同时在自己的站点，不引用别的站点上的js同一个js的引用写法有两种:1：<script type="text/javascript" src="../js/xxx.js"></script>2：<script type="text/javascript" src="http://localhost/web/js/xxx.js"></script>问题：在用户浏览器加载的时候两种写法效率有何不同？两种写法的加载效率是否会因浏览器而异？http的写法引用是否会比第一种写法多请求一次服务器？望各位大神不吝赐教。

Answer 1

如果你的服务器port不是默认的80，那第二种就没办法加载了。另外如果别人想要打开你的网页也不可能。

一般来说都是使用的第一种，因为可以方便deploy网站，放到别的服务器环境下。

另外，如果想知道有没有多一次请求，就打开developer tools的Network页，在里面看看是不是多一次。如果追求效率就去了解下defer加载script的方法吧：

<script src="my.js" defer>