题
如何在不手动操作的情况下将每篇文章的链接href更改为css、js代码?我写的每一篇文章都分为不同的文件夹,并且我以链接到 css/reset.css 等的一个模板开始每一篇文章。
这是我的示例文章模板代码:示例文章页面
<link href="css/slider.css" rel="stylesheet" type="text/css" media="screen" />
<!-- jquery -->
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
<!-- superfish -->
<link href="css/superfish.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<!-- initialize jquery superfish plugins -->
<script type="text/javascript" src="js/init.js"></script>
<!-- tabs -->
<script src="js/ui.core.js" type="text/javascript"></script>
<script src="js/ui.tabs.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/ui.tabs.css" type="text/css" media="screen" />
<!-- initialize tabs -->
<script type="text/javascript">
$(document).ready(function(){
$('#container-1 > ul').tabs(); /* news and events */
$('#container-2 > ul').tabs(); /* pre-footer tab */
$('#container-4 > ul').tabs(); /* popular items */
解决方案
听起来您好像在问如何为每个外部文件使用相同的 URL,而不管页面放置在何处。
如果是这样,您只需使用绝对 URL 而不是相对 URL。那是, ”/foo/bar/reset.css
“(注意开头的斜杠)而不是”bar/reset.css
"
绝对 URL 从站点根目录开始跟踪,而不是从文件的当前位置开始,因此无论您将文件放置在何处,链接都将是相同的。
编辑:
您可以将此 URL 放在已放置相对 URL 的同一位置:那是:
<link type="text/css" rel="stylesheet" media="all" href="/foo/bar/style.css" />
而不是
<link type="text/css" rel="stylesheet" media="all" href="bar/style.css" />
您现在正在使用的。
其他提示
凯文,如果我错了请纠正我;您在不同的文件夹中有一系列 html 文件,并且您想要更新其中的所有 CSS 和 javascript 链接以指向新位置。
您的场景:
wwwroot/
|
-- CSS/
|
-- reset.css
|
-- Javascript/
|
-- 20090112/
|
-- file1.html
|
-- 20090207/
|
-- file2.html
-- file3.html
|
-- etc.
Dreamweaver 将所有内容放入您的 CSS
文件夹。如果你想保留 CSS 文件,那么你需要指定正确的相对路径,或者使用绝对路径。
绝对路径是指定文件的确切位置的路径 http://www.somedomain.com/css/reset.css
是绝对路径。
相对路径定义从当前文件位置开始的路径。所以如果你想添加 reset.css
对于 file1.html,您可以用这种方式指定它的位置 ../css/reset.css
分解此路径指定:
.. up one folder [we're now in wwwroot]
/css the path from wwwroot
/reset.css the filename
这有帮助吗?