Javascript 异步tweet按钮,图像闪烁
我正在使用tweet按钮,下面是异步Javascript加载代码。当我把它放在HTML的底部时,tweet按钮的背景图像会闪烁,因为它是最后加载的 我注意到在firebug中,它通过Javascript 异步tweet按钮,图像闪烁,javascript,iframe,twitter,asynchronous,Javascript,Iframe,Twitter,Asynchronous,我正在使用tweet按钮,下面是异步Javascript加载代码。当我把它放在HTML的底部时,tweet按钮的背景图像会闪烁,因为它是最后加载的 我注意到在firebug中,它通过iframe拉取该图像,图像是CSS中指定的背景。是否仍要本地加载图像以覆盖iframe中的背景图像 var b = document.createElement('script'); b.type = 'text/javascript'; b.src = ('http://platform.twitter.com/
iframe
拉取该图像,图像是CSS中指定的背景。是否仍要本地加载图像以覆盖iframe
中的背景图像
var b = document.createElement('script');
b.type = 'text/javascript';
b.src = ('http://platform.twitter.com/widgets.js');
var a=document.getElementById("deferedjs");
a.parentNode.insertBefore(b,a);
iframe位于另一个域中,因此您无法触摸它 如果问题在于未加载图像,则可以使用图像预加载程序在页面上加载图像,以便将其缓存
var img = new Image();
img.onload = img.onerror = function(){ alert('hello'); }
img.src = "http://example.com/imgs/someImage.png";
最后,我首先通过css在图像顶部加载了一个背景图像,正好是javascript加载图像的位置。然后我隐藏了文本,它现在不会闪烁。