在网页开发中，经常需要根据当前页面高亮显示导航栏的对应链接，即添加Active Class。 通常的做法是使用JavaScript获取当前URL，然后与导航链接的href属性进行比较，如果匹配则添加Active Class。 然而，当用户直接访问网站根目录（例如../myapp/）时，服务器通常会自动打开index.php，导致URL中不包含index.php，从而使JavaScript无法正确识别当前页面，导致Active Class失效。
解决这个问题，可以使用服务器端脚本（例如PHP）来动态判断当前页面，并根据判断结果添加Active Class。 以下是一种基于PHP的解决方案，它通过获取当前文件名，并与预期的文件名进行比较，从而确定是否添加Active Class。
PHP代码示例：
代码解释：
获取当前文件名：
$filename = basename($_SERVER['REQUEST_URI'], '?' . $_SERVER['QUERY_STRING']);$filename = preg_replace('/.[^.s]{3,4}$/', '', $filename);
$_SERVER[‘REQUEST_URI’] 获取请求的URI，例如 /myapp/index.php 或 /myapp/。basename() 函数从路径中提取文件名，例如 index.php 或 空字符串（当直接访问/myapp/时）。’?’ . $_SERVER[‘QUERY_STRING’] 从URI中移除查询字符串。preg_replace(‘/.[^.s]{3,4}$/’, ”, $filename) 移除文件扩展名，例如 .php。
条件判断和Active Class添加：
使用 if 语句判断 $filename 是否等于 ‘index’。如果相等，则为 标签添加 active class，否则不添加。
注意事项：
确保你的服务器配置允许执行PHP代码。根据你的实际项目结构，修改代码中的文件名和路径。如果你的URL使用了URL重写，可能需要调整获取文件名的逻辑。这种方法需要在服务器端进行判断，相对于纯客户端的JavaScript方案，可能会增加服务器的负担。但对于解决首页Active Class失效的问题，这是一种可靠的解决方案。
总结：
通过使用PHP获取当前文件名，并根据文件名动态添加或移除Active Class，可以有效地解决在直接访问根目录时，首页的Active Class失效的问题。 这种方法简单易懂，并且可以灵活地应用于各种Web项目中。 记住，根据你的项目结构和需求，可能需要对代码进行适当的调整。
以上就是解决首页URL不带文件名时Active Class失效的问题的详细内容，更多请关注php中文网其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1578106.html
微信扫一扫 
支付宝扫一扫 
