Question

我正在尝试加载重定向到另一个页面的警报，但问题是页面的背景无法加载。唯一要呈现的html是javascript警报。知道如何解决这个问题，以便至少在警报之前加载一些html吗？

也尝试了

var onFooEndFunc = function() 
{
    var delay = 50; /* milliseconds - vary as desired */
    var executionTimer;

    return function() 
    {
        if (executionTimer) 
        {
            clearTimeout(executionTimer);
        }

        executionTimer = setTimeout(function() 
        {
            window.alert('Please download a game');
            window.location.href='games.html';
        }, delay);
    };
}();

Answer 1

由于您使用jQuery进行了标记，因此可以执行此操作：

$(document).ready(function(){
  window.alert('Please download a game')
  window.location.href='games.html';
});

或原生：

window.onload=function(){
  window.alert('Please download a game')
  window.location.href='games.html';
};

Answer 2

弹出窗口是你需要的

只需设置一个div

<div id="popup_download">
  Please download a game!
    <a href="game1.exe">Mario</a>
     <a href="game2.exe">Sonice Rider</a>
</div>

在样式集显示：隐藏

#popup_download
{
    position:absolute;
    display:none;
    top:200px;
    left:50%;
    width:500px; 
    margin-left:-250px;
    border:1px solid blue; 
    padding:20px;
    background-color:white;
}

加载页面时只需设置display:block

<script type="text/javascript">
    function show_popup()
    {
      document.getElementById('popup_download').style.display = 'block'; 
    }

    window.onload = show_popup;
</script>

它的好处是你可以添加任何HTML元素，css甚至php或asp或任何代码，你的背景将继续工作。

在不阻止的情况下加载javascript警报onload

2 个答案: