调用css,js文件的最佳方法是什么?

时间:2011-11-21 08:04:20

标签: php html css

假设您的域名为 domain.com ,并且您拥有以下目录和文件

- index.php
<panel>
- panel.php
<css>
- style.css
<js>
- jQuery.js

index.php 中,您可以调用css文件,例如“ css / style.css ”或“ domain.com/css/style.css < / em>的“
panel.php 中,您可以调用js文件,例如“ ../ js / jQuery.js ”或“ domain.com/js/jQuery.js < / EM>“

最好的使用方法是什么? css / style.css domain.com/css/style.css
它有什么区别吗?我问,因为在我的情况下,它会帮助我使用 domain.com/css/style.css ,但它是否被视为可能会降低性能的外部文件?

6 个答案:

答案 0 :(得分:1)

css/style.css将导航到相对于您当前文件夹的文件夹。如果您在原始index.php中,它将起作用。如果您在/subfolder/somepage.php,它将无效,因为它会尝试从/subfolder/css/style.css获取您的css文件。

只要您不更改域名,

domain.com/css/style.css将始终有效。

/css/style.css是最通用的:无论您的域名是什么,您的网页都会始终从网站根目录导航到/css/style.css

答案 1 :(得分:1)

您也可以使用:

/css/style.css 

它是绝对路径,但在同一个域中

答案 2 :(得分:1)

你甚至可以用//包含所有来源。 意味着

<script src="//js/jquery.js"></script

浏览器自动获取http或https。 因此,两个端口都可以包含Source而不会出现任何错误

答案 3 :(得分:0)

只要前面没有http://,就应该将其视为每个浏览器中的文件夹

答案 4 :(得分:0)

  

它有什么不同吗?

是的,主要是关于可维护性。如果我移动了一个文件,您需要重新计算相对链接的所有引用(例如../js/jQuery.js),而绝对链接(例如{{1}只需http://domain.com/js/jQuery.js)即可保持不变。

  

我问,因为在我的情况下,它会帮助我使用 domain.com/css/style.css ,但它是否会被视为可能会降低性能的外部文件?

不,只要主机是相同的,客户端(浏览器)就应该将其视为&#34; local&#34;链接(但不应该直接影响性能)。

答案 5 :(得分:0)

通常情况下,我会使用像/css/style.css这样的绝对路径来调用它。

这样做您不必担心在一段时间内更改域名(例如将vom dev移至生产版)或从您的调用文件(index.php,/ panel / panel.php)更改域名。

另外请确保不包含协议方案(如http://),如果您切换到https://,浏览器会声称某些不安全的内容,例如。