JavaScript当前页面标识

JavaScript current page identification

本文关键字：标识 当前页 JavaScript      更新时间：2023-09-26

我编写了以下代码，用于识别当前页面并相应地在导航栏中进行标记。除了第一次加载index.php(代码位于header.php文件的末尾:

)之外，它工作得很好。
 path = location.pathname.split("/"); 
 pathname= "#header_nav li a[href='" + path[(path.length-1)] + "']";
 $(pathname).attr("id","current");

任何想法?

如果页面的URL是http://domain/而不是http://domain/index.php，则不会使用href="index.php"匹配a元素。

这个怎么样?

var filename = location.pathname.split('/').pop();
var currentHref = filename ||'index.php';
$('#header_nav li a[href="' + currentHref + '"]').prop('id','current');

请记住，在jQuery 1.6+中，您应该使用prop()函数而不是attr()来引用id属性。不过，我更喜欢使用类名current。

尝试将您的代码放入jQuery的.ready()函数中:

$(document).ready(function() {    
    path = location.pathname.split("/"); 
    pathname= "#header_nav li a[href='" + path[(path.length-1)] + "']";
    $(pathname).attr("id","current");
});
相关文章：