使用Javascript加载窗口后删除Body类_Javascript_Css

使用Javascript加载窗口后删除Body类

javascript css

使用Javascript加载窗口后删除Body类,javascript,css,Javascript,Css,我在主体上使用CSS类来停止文档加载时运行的转换。一旦窗口加载了JavaScript（没有jQuery），我如何删除它 HTML: <body class="preload"> 这将是jQuery的等价物*除非我没有使用jQuery： $("window").load(function() { $("body").removeClass("preload"); }); 这应该可以做到： window.addEventListener( 'load', func

我在主体上使用CSS类来停止文档加载时运行的转换。一旦窗口加载了JavaScript（没有jQuery），我如何删除它

HTML:

<body class="preload">

这将是jQuery的等价物*除非我没有使用jQuery：

$("window").load(function() {
  $("body").removeClass("preload");
});

这应该可以做到：

window.addEventListener(
    'load',
    function load()
    {
        window.removeEventListener('load', load, false);
        document.body.classList.remove('preload');
    },
    false);

使用

addEventListener

意味着它不会干扰其他LIB等附加的任何其他事件侦听器

一旦触发事件，上述代码将删除事件侦听器

我本以为事件监听器应该在

文档上，但显然是这样。
这应该可以做到：
window.addEventListener(
    'load',
    function load()
    {
        window.removeEventListener('load', load, false);
        document.body.classList.remove('preload');
    },
    false);

使用addEventListener
意味着它不会干扰其他LIB等附加的任何其他事件侦听器
一旦触发事件，上述代码将删除事件侦听器
我本以为事件监听器应该在文档上，但显然是这样的。
类似的内容应该在所有浏览器中都适用：
window.onload = function () { document.body.className = ""; }

Drew的回答很好，但是类列表
在IE的旧版本中以及窗口中都有。addEventListener
，如果这很重要的话。
类似的内容应该适用于所有浏览器：
window.onload = function () { document.body.className = ""; }

Drew的答案是好的，但是类列表
在IE的旧版本中，以及窗口中。addEventListener
，如果这很重要的话。
没错--类列表
是一个很好的现代东西，如果你的网站面向互联网，你可能无法使用它。如果需要，您可以将空字符串设置为className
，如您所示。如果您的站点面向internet，则可能无法使用。如果需要，您可以将空字符串设置为显示的className
。