html - 从外部（另一个域）访问页面时触发 HTML 事件

Question

有一个问候加载程序会在我的网站主页上出现几秒钟。但我不希望每次用户回家时都重复它。

<div id='sliderloader'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <img src='Rf8YpZW.jpg' style='z-index:-1;position:absolute;margin-top:-300px;'/>
        <img src='/assets/manivel60.gif' style='position:relative;margin-top:-121px;margin-left:512px;'/>
    </b:if>
    <div id='progressbg'>
        <div id='loader'></div>
    </div>
</div>

它已经设置为在后续页面中不再重复，但是每次我回家时加载器都会再次出现。

知道如何使整个代码只发生一次吗？（从页面内部访问主页时，从外部访问时出现。）

Answer 1

如果您只希望当用户从您网站之外的页面导航到您的主页时显示问候语加载器，请编写一些 JavaScript 来检查引荐来源并将其与您的 URL 进行比较，仅为新用户显示加载器：

if (document.referrer.indexOf(location.protocol + "//" + location.host) === 0) {
    document.getElementById('loader').style.display = 'none';
} else {
    document.getElementById('loader').style.display = 'block';
}