Javascript 加载音频不会'；加载图像后无法工作

加载图像后不加载音频文件（Javascript控制台不显示“音频加载”）：

---

那么为什么这个代码不起作用呢

您正在img.onload中连接音频侦听器。这意味着，只有先加载图像，然后音频完成，才能获得console.log。解决方案：将audio.onload数据移出img.onload

编辑：从您的评论中可以清楚地看出，您希望首先加载图像。但这句话：

var audio=新音频（“foo.mp3”）；

已开始加载音频

您希望在图像加载时加载它，因此请执行以下操作：

//图像：
var img=新图像（）；
img.src=“foo.png”；//开始加载图像
//图像加载完成后：
img.onload=函数（）
{
console.log（“图像加载”）；
//音频对象：
var audio=new audio（“foo.mp3”）；//开始加载音频
//加载完成后：
audio.onloadeddata=函数（）
{
控制台日志（“音频加载”）；
};
};

谢谢。“这意味着，只有先加载图像，然后音频完成，你才会得到一个console.log”=>但这正是我想要的，先加载图像，然后加载图像，音频，然后加载音频，我会得到一个console.log，但我在文章中的代码不会这样。

//Audio object :
var audio = new Audio("foo.mp3");

//Image :
var img = new Image();
img.src = "foo.png";

//Loading image :
img.onload = function()
{
    console.log("Image loaded");    

    //Loading audio file :
    audio.onloadeddata = function()
    {
        console.log("Audio loaded");
    };
};