Javascript Iframe最初未完全加载,但在刷新后工作

Javascript Iframe最初未完全加载,但在刷新后工作,javascript,wordpress,iframe,Javascript,Wordpress,Iframe,我有一个嵌入式音乐播放器从班德坎普在我的网站上,它往往不会完全加载第一次加载的网页,但它会正常工作后刷新。不过,它确实会部分加载。顶部的图像和播放列表中的歌曲将不会出现,但中间的区域与当前歌曲将。 我通常通过在Chrome匿名窗口中打开站点来测试这一点,大约有2/3的时间它无法正确加载iframe,但有时确实如此。 我在Wordpress上,我尝试禁用W3 Total Cache和Cloudflare,但这似乎没有影响它。有没有办法检查iframe是否已完全加载,如果没有自动刷新 该网站是 谢谢

我有一个嵌入式音乐播放器从班德坎普在我的网站上,它往往不会完全加载第一次加载的网页,但它会正常工作后刷新。不过,它确实会部分加载。顶部的图像和播放列表中的歌曲将不会出现,但中间的区域与当前歌曲将。 我通常通过在Chrome匿名窗口中打开站点来测试这一点,大约有2/3的时间它无法正确加载iframe,但有时确实如此。 我在Wordpress上,我尝试禁用W3 Total Cache和Cloudflare,但这似乎没有影响它。有没有办法检查iframe是否已完全加载,如果没有自动刷新

该网站是 谢谢大家!

iframe代码为:

<iframe id="home_mobile_bandcamp_player" src="https://bandcamp.com/EmbeddedPlayer.html/ref=https%253A%252F%252Fcivilaudio.com%252F/album=2271044833/size=large/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" seamless><a href="https://civilaudio.bandcamp.com/album/selected-audio-samples">Selected Audio Samples by Civil Audio by Michael Briggs</a></iframe>


我想我找到了解决办法。如果我在iframe中的URL末尾添加一个随机假查询字符串,它将强制它正确地重新加载

<iframe id="bandcamp_iframe_left" style="border: 0; width: 100%; height: 900px;" seamless></iframe>
<script>
var iframe = document.getElementById('bandcamp_iframe_left');
iframe.src = 'https://bandcamp.com/EmbeddedPlayer.html/ref=https%253A%252F%252Fcivilaudio.com%252F/album=2271044833/size=large/bgcol=ffffff/linkcol=333333/transparent=true/?ignore='+Math.floor(Math.random() * 1000);
</script>

var iframe=document.getElementById('bandcamp_iframe_left');
iframe.src=https://bandcamp.com/EmbeddedPlayer.html/ref=https%253A%252F%252Fcivilaudio.com%252F/album=2271044833/size=large/bgcol=ffffff/linkcol=333333/transparent=true/?ignore='+Math.floor(Math.random()*1000);

显示您的代码…可怕的缩进。在查看源代码时,我发现您有一个HTML标记问题。首先修复这个问题,然后返回给我们。在帖子中添加了iframe代码(取自bandcamp网站的嵌入页面)。谢谢@你介意告诉我HTML标签有什么问题吗?非常感谢。在网页上单击鼠标右键,然后单击“查看网页源”。不是像,
&apos
是一个问题,但可能是另一个HTML标记未正确关闭的结果。因此,红色的HTML实体不是问题,但红色的HTML标记是问题。我从一开始就看到了你的问题,但很可能是因为一个div。如果你有适当的缩进,这很容易判断。另外,看看你的控制台。