如何在odoo 8中使用java脚本隐藏页面加载时的内容

How to hide the content when page is load using java script in odoo 8?

本文关键字：隐藏 加载 脚本 java odoo      更新时间：2023-09-26

我想在页面加载时隐藏所有内容。当我点击图标时，它会隐藏内容，但我需要在页面加载时隐藏内容这是我的java脚本代码，

$(document.body).ready(function(){
    $(window).on('load', function () {
    $('.hide_class_name').hide();
})
    $('.icon_class_name').on('click', function(event) {        
        $('.hide_class_name').toggle('hide');
    });
});

有谁能帮我吗?提前谢谢。

你可以给body标签添加一个类来隐藏它的内容

CSS

.hideBody{
display:none
}


<body class = "hideBody">
//Rest of Code
</body>

现在您可以使用document.readyState来检查是否为complete状态

JS 

if(document.readyState ==='complete'){
document.getElementsByTagName('body').classList.add("hideBody")
}

使用document.onreadystatechange描述文档的加载状态。

document.onreadystatechange = function () {
    if(document.readyState ==='complete'){
    document.getElementsByTagName('body').classList.add("hideBody")
    }
}
相关文章：