SpeedPHP/CSS和JS的路径

来自站长百科
跳转至： 导航、​ 搜索

SpeedPHP | 快速入门 | 访问交互 | 数据操作 | 框架概述 | 模板引擎 | 优化加速 | 开发指南 | 数据模型 | API参考

本条目讲述在页面模板的开发中，图片、CSS和Javascript的文件地址的设置方法。图片、CSS和Javascript文件，我们通常成为“媒体文件”。

通常我们可以有两种媒体文件路径：相对路径、绝对路径。

相对路径[ ]

通常来说，我们使用网页制作工具（如Dreamweaver等）制作出来的页面，图片、CSS和JS文件路径都是相对路径。

相对路径指的是媒体文件相对于浏览器访问的当前目录的路径。比如说：

http://speedphp.com/bbs/forum-6-1.html

这个网址浏览器的当前访问目录，是

http://speedphp.com/bbs/

如果该网页上面有这样一张图片：

<img src="images/logo.gif" alt="" />

那么，这张图片就称为“相对路径”，可以认为，通过以下地址就可以访问到这张图片：

http://speedphp.com/bbs/images/logo.gif

以下都是相对路径的例子[ ]

  • <script type="text/javascript" src="js/jquery.js"></script>
  • <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
  • <img src="images/logo.gif" alt="" />

“./”点斜杠是相对路径：（注意是点+斜杠）

  • <script type="text/javascript" src="./js/jquery.js"></script>
  • <link rel="stylesheet" href="./css/style.css" type="text/css" media="screen" />
  • <img src="./images/logo.gif" alt="" />

在模板中使用相对路径：

  • 不建议在PATH_INFO情况下用相对路径。
  • 使用URLREWRITE伪静态的URL的时候，可用相对路径，但注意分隔符“sep”不能使用“/”，只能用“-”和“_”。（推荐）。

绝对路径[ ]

单斜杠绝对路径指的是媒体文件相对网站根目录的路径。

由于在绝对路径中，媒体文件是相对于网站根目录，所以无论在哪个页面上，用绝对路径都能找到这个媒体文件。

当然，这里同样有个问题，就是如果媒体文件相对根目录的位置有所变化，那么页面上的地址也需要进行调整。

以下都是绝对路径的例子[ ]

  • <script type="text/javascript" src="/js/jquery.js"></script>
  • <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
  • <img src="/images/logo.gif" alt="" />

把域名加绝对路径写出来，也是一种绝对路径：

在模板中使用绝对路径：

  • 在PATH_INFO中建议使用绝对路径。
  • 使用UrlRewrite的情况下，分隔符如果是“/”斜杠，建议使用绝对路径。

参考来源[ ]

http://speedphp.com/manual.html

SpeedPHP使用手册导航

快速入门：

开始使用SpeedPHP | 制作留言本 | 简便的数据表操作 | 用Smarty来显示页面

访问交互：

入口文件 | 控制器架构 | 网址生成与PATH_INFO | 获取提交数据 | URLRewrite伪静态 | 自定义伪静态URL | 几种跳转 | 多语言实现 | 权限控制 | session、cookie | Ajax应用

数据操作：

编写数据模型类 | 常规操作CRUD | 安全过滤 | 简化操作spDB | 数据变量存储 | 缓存配置

框架概述：

单入口应用程序 | 架构设计 | 第三方类库及扩展功能 | UTF8编码与GBK版本 | SAE云计算版

模板引擎：

模板引擎配置 | 使用Smarty | Smarty开发教程 | 自动显示模板| speedy教程 | 为什么使用模板其常见问题 | 模板包含文件 | 注册函数 | 全局变量赋值 | CSS和JS的路径

优化加速：

生成静态HTML概述 | 生成HTML的使用 | 分页 | 高效函数缓存器| 模板引擎缓存

开发指南：

核心函数 | 格式输出变量调试dump | 载入包含文件import | 类实例化函数spClass | 开发流程 | 目录结构、路径设置 | 大规模系统部署 | 用户自定义及全局操作 | 自定义函数库 | 自定义类库 | 自定义404页面　｜　程序调试 ｜ dump变量调试 ｜ 安全建议及命名建议

数据模型：

高级数据库操作 | 数据表一对一关联 | 数据表一对多关联 | 数据表多对多关联 | 一表关联多表 | 关联结果的条件限制 | 关联结果在Smarty模板中显示 | 多数据库、数据表 | 多种类型数据库的配置 | 重写CRUD操作| 业务数据封装 | 数据函数复合调用

API参考：

spModel数据库操作类 | spPager分页类 | spVerifier数据验证类 | spCache函数数据缓存类 | spLinker数据表关联实现类 | spView视图类 | spHtml静态HTML生成类 | spController控制器类 | spArgs环境参数类 | 配置 | 数据库驱动类 | 模板驱动类 | import载入文件

取自“https://www.zzbaike.com/wiki/SpeedPHP/CSS和JS的路径?oldid=77503”