加載JavaScript警報onload而不阻止

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或任何內部代碼和您的背景將繼續工作。