如何在打开页面时显示隐藏元素？

在打开页面时显示隐藏元素可以通过以下几种方式实现：

使用CSS的display属性：可以在CSS中定义一个类，设置该类的display属性为none，然后通过JavaScript在页面加载完成后，使用classList.add()方法将该类添加到需要隐藏的元素上，从而隐藏元素。当需要显示元素时，使用classList.remove()方法将该类从元素上移除即可。

<style>
    .hidden {
        display: none;
    }
</style>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        var element = document.getElementById('elementId');
        element.classList.add('hidden'); // 隐藏元素
        // element.classList.remove('hidden'); // 显示元素
    });
</script>

使用CSS的visibility属性：可以在CSS中定义一个类，设置该类的visibility属性为hidden，然后通过JavaScript在页面加载完成后，使用classList.add()方法将该类添加到需要隐藏的元素上，从而隐藏元素。当需要显示元素时，使用classList.remove()方法将该类从元素上移除即可。

<style>
    .hidden {
        visibility: hidden;
    }
</style>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        var element = document.getElementById('elementId');
        element.classList.add('hidden'); // 隐藏元素
        // element.classList.remove('hidden'); // 显示元素
    });
</script>

使用JavaScript操作元素的style属性：可以通过JavaScript在页面加载完成后，直接操作元素的style属性，将其display属性设置为none或visibility属性设置为hidden来隐藏元素。同样，当需要显示元素时，将display属性设置为block或visibility属性设置为visible即可。

<script>
    window.addEventListener('DOMContentLoaded', function() {
        var element = document.getElementById('elementId');
        element.style.display = 'none'; // 隐藏元素
        // element.style.display = 'block'; // 显示元素
        // 或
        // element.style.visibility = 'hidden'; // 隐藏元素
        // element.style.visibility = 'visible'; // 显示元素
    });
</script>

以上方法可以根据具体需求选择合适的方式来实现在打开页面时显示隐藏元素。对于腾讯云相关产品，具体推荐的产品和产品介绍链接地址可根据实际情况和需求进行选择。