使用jQuery将body类添加到首页和内部页面可以通过以下步骤实现:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
$(document).ready(function() {
// 获取当前页面的URL
var url = window.location.href;
// 判断是否为首页
if (url.indexOf("首页的URL") != -1) {
// 如果是首页,将body元素添加一个类
$("body").addClass("home");
} else {
// 如果是内部页面,将body元素添加另一个类
$("body").addClass("internal");
}
});
在上述代码中,你需要将"首页的URL"替换为你网站首页的URL。例如,如果你的首页URL是https://www.example.com,那么代码应该修改为:
if (url.indexOf("https://www.example.com") != -1) {
// ...
}
.home {
background-color: #f0f0f0;
}
.internal {
background-color: #ffffff;
}
这样,当页面加载完成后,jQuery会根据当前页面的URL判断是首页还是内部页面,并将相应的类添加到body元素上。你可以根据需要自定义类名和样式。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云