Question

我正在处理一个加载了警报和mp3自动播放的页面。在Firefox中，警报会显示背景图像和声音，但在Chrome中，警报会加载到空白站点而没有声音，并且只有在单击“确定”后才会显示“背景图像”。

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中播放声音后弹出警报？

由于

Answer 1

在$(document).ready

上插入您的操作

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

Answer 2

您要查找的是在启动脚本之前检查文档是否准备就绪。

如果您不想使用jQuery，请查看：$(document).ready equivalent without jQuery

如果您使用的是jQuery：

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

等待DOM加载并且可以遍历（其余内容可能会或可能不会被该点加载）。

Answer 3

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

在背景图像之前显示的Javascript警报

3 个答案: