gpt4 book ai didi

jquery - 将类添加到正文标记 : Testing Existing Javascript Solution with No Results

转载 作者:太空狗 更新时间:2023-10-29 13:04:52 24 4
gpt4 key购买 nike

我发现了一段很棒的 Javascript 代码(StackOverflow 链接:How to add a class to body tag?)。但是,我在实现它时遇到了麻烦。

下面是我在测试页面上使用的代码:

<!doctype html>
<html>
<head>
<title>Javascript Test</title>
<meta charset="utf-8" />

<script type="text/javascript">
var newClass = window.location.href;
newClass = newClass.match(/\/[^\/]+(_|\.)[^\/]+$/);
$(document.body).addClass(newClass);
</script>

</head>
<body>
</body>
</html>

但是,我没有看到任何类因此添加到 body 标记中。 (在 Safari、Chrome 中查看源代码)我已经测试过使用和不使用 jQuery。

你看到代码有什么问题吗?

我正在使用 Behance ProSite。我可以创建多个画廊,但每个画廊都有相同的背景,因为它们使用相同的模板。我需要为 body 标签添加一个唯一的类,这样我就可以使用不同的 CSS 背景属性来定位每个类。

最佳答案

要向 body 标签添加一个类,您可以在 vanilla Javascript 中执行以下操作,而无需包含一些胖 3rd 方库

如果主体上已经存在一个类,那么

document.body.className += " something";

否则

document.body.className = "something";

jsfiddle 上的示例

要在页面加载完成后添加类,然后使用 addEventListener并为 window.onload event 创建一个处理程序

The load event fires at the end of the document loading process. At this point, all of the objects in the document are in the DOM, and all the images and sub-frames have finished loading.

window.addEventListener("load", function () {
document.body.className = "something";
}, false);

关于jquery - 将类添加到正文标记 : Testing Existing Javascript Solution with No Results,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16367162/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com