Javascript 如何在每页突出显示菜单项Dynamicly？

我有一个page header.html，我用它作为每个网页的标题。标题中有菜单项。我想使用javascript/jquery动态突出显示当前网页菜单。有人能帮我吗

HTML：

<ul class="navigation">
<li class="highlight"><a href="index.html" class="highlight">Home</a></li>
<li><a href="subnet.html">IP Discovery and Password Management</a></li>
<li><a href="test_management.html">Test Management</a></li>
<li><a href="test_dut.cgi">DUT Management</a></li>
<li><a href="test_execmain.cgi">Test Execution</a></li>
<li><a href="result.cgi">Results</a></li>
</ul>

首先使用

窗口查找页面。位置和正则表达式，然后

jQuery(function($){
    var page = window.location.href.match(/[^/]+$/)[0];
    $('.navigation li a[href="' + page + '"]').parent().addBack().addClass('highlight')
})

试试这个

<script type="text/javascript">
    jQuery(document).ready(function($){
        // Get current url
        // Select an a element that has the matching href and apply a class of 'active'. Also prepend a - to the content of the link
        var url = window.location.href;
        $('.menu a[href="'+url+'"]').addClass('current_page_item');
    });
</script>


jQuery（文档）.ready（函数（$）{
//获取当前url
//选择具有匹配href的a元素并应用“active”类。同时在链接内容前加上a-
var url=window.location.href；
$（'.menu a[href=“'+url+'''']”）addClass（'current_page_item'）；
});

参考资料：
请向我们展示您迄今为止尝试过的内容。您使用的服务器端语言是什么？或者您正在使用ajax？如何在每个页面中实现标题？这是非常重要的信息…@Kristofeys我正在使用html进行一些perl集成。我每隔一页就调用这个页面不使用ajax