Javascript警報顯示在背景圖像之前

我正在加載警報和mp3自動播放的頁面上。在Firefox中，警報以背景圖像和聲音顯示，但在Chrome中，警報會在空白網站上加載並且沒有聲音，並且只有在單擊「確定」後纔會顯示背景圖像。Javascript警報顯示在背景圖像之前

CSS

body{padding:0;margin:0;font-family:arial,sans-serif;background:url(images/bgg.png)

HTML

<body > 
.... 
.... 
<audio controls autoplay> 
<source src="marimbaiph.mp3" type="audio/mpeg"> 
</audio></center><br> 
<script type="text/javascript"> 
alert('Hello \nPlease Click "OK" to continue. '); 
</script>

有沒有一種方法，使警報彈出顯示背景圖片和播放聲音也是Chrome瀏覽器後？

感謝

來源

2015-04-04 Laurent Flaster

嘗試將警報置於document.ready中 – Sriram 2015-04-04 08:23:47

呃。當網頁開始自動播放音樂時，我通常覺得很煩人。現在你要求人們幫助你建立一個模式對話框，讓人們在停止音樂之前不得不擺脫它。我的建議是停止你正在做的事情，並認爲你的用戶界面有點困難。 – 2015-04-04 08:28:43

插上$(document).ready

$(document).ready(function(){ 
    alert('Hello \nPlease Click "OK" to continue. '); 
    });

來源

2015-04-04 08:25:42

你的行爲你要找的是檢查，如果該文件是啓動腳本之前準備就緒。

如果你不想使用jQuery檢查：$(document).ready equivalent without jQuery

如果您正在使用jQuery：

$(document).ready(function(){ 
//do stuff 
})

等待，直到DOM加載，可以遍歷（內容的其餘部分可能會或可能不會由該點加載）。

來源

2015-04-04 08:27:43

<script> 
    alert("click ok to continue"); 
    var x = document.getElementsByTagName("BODY"). [0]; 
    x.style.stylestogive; 
    var y = document.getElementsByTagName("audio")[0]; 
    y.play(); 
</script> 


<body > 
<audio controls> 
<source src="marimbaiph.mp3" type="audio/mpeg"> 
    </audio></center><br>

來源

2015-04-04 08:41:42

Javascript警報顯示在背景圖像之前

回答

相關問題