从外部访问页面时触发HTML事件(另一个域)

时间:2013-06-03 09:09:32

标签: html blogger

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

<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>

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

如何让这整个代码只发生一次? (从页面内部访问主页时,从外部访问时显示。)

1 个答案:

答案 0 :(得分:1)

如果您只想在用户从您网站外的页面导航到您的主页时显示问候语加载器,请编写一些检查引荐来源并将其与您的URL进行比较的JavaScript,仅为新用户显示加载程序:< / p>

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