如何移除URL的.html后缀并为<body>添加指定通用类？

没问题，我帮你调整代码来实现你想要的效果——既要移除URL里的.html后缀，又要给<body>标签同时加上通用类inners和处理后的页面名称类。

这里是修改后的完整代码：

<script>
$(document).ready(function() {
    // 获取当前页面的URL路径
    var path = window.location.pathname;
    // 提取路径最后一段并移除末尾的.html后缀
    var pageName = path.split('/').pop().replace(/\.html$/, '');
    // 给body添加通用类inners和处理后的页面名称类
    $('body').addClass('inners ' + pageName);
});
</script>

代码细节解释： #

• path.split('/').pop()：把路径按斜杠分割成数组，然后取最后一个元素，比如/about/lastname.html会被处理成lastname.html
• .replace(/\.html$/, '')：用正则表达式精准匹配末尾的.html并替换为空，确保只会去掉后缀，不会影响路径中其他位置的字符串
• addClass('inners ' + pageName)：直接把通用类和处理后的页面名称类拼接后添加，这样就能得到你期望的<body class="inners lastname">效果

如果担心访问根目录时pageName为空（会导致body多一个空类），可以加个简单的判断优化：

<script>
$(document).ready(function() {
    var path = window.location.pathname;
    var pageName = path.split('/').pop().replace(/\.html$/, '');
    // 初始化类列表为通用类inners
    var bodyClasses = 'inners';
    // 只有当pageName不为空时，才添加这个类
    if (pageName) {
        bodyClasses += ' ' + pageName;
    }
    $('body').addClass(bodyClasses);
});
</script>

内容的提问来源于stack exchange，提问作者Papucho