时间戳

首页 > 解决方案 > 如何在页面加载时加载“对象”标签的内容？

javascript - 如何在页面加载时加载“对象”标签的内容？

问题描述

我有一个包含动画 SVG 的对象标签。我在beforeunload触发事件时显示它。但它只在 SVG 可见时才请求它。有没有办法在页面加载后而不是在元素本身可见时加载内容？

这是我的html代码：

<div class="loader-container">
    <object data="/SVG.svg"></object>
</div>
<style>
    .loader-container {
        align-items: center;
        background: #fafafa;
        justify-content: center;
        height: 100%;
        width: 100%;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    }
</style>
<script>
    jQuery(() => {
        window.addEventListener('beforeunload', () => {
            document.querySelector('.loader-container').style.display = 'flex'
        })
    })
</script>

标签： javascripthtmldomhtml-object

解决方案

您可以使用

visibility: hidden;

代替

display:none;

推荐阅读