我一直试图找出一个外部图像是否在js上缓存在浏览器上,这是我到目前为止的代码:
<html>
<head></head>
<body>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
function cached( url ) {
$("#imgx").attr({"src":url});
if(document.getElementById("imgx").complete) {
return true;
} else {
if( document.getElementById("imgx").width > 0 ) return true;
}
return false;
}
</script>
<img id="imgx" src="" />
<script>
$(document).ready(function(){
alert(cached("http://www.google.com/images/srpr/nav_logo80.png"));
});
</script>
</body>
</html>
它在firefox上完美运行,但它总是在chrome上返回false.
有人知道如何使用chrome吗？
我知道如何用jquery创建元素,例如:
$('<div/>').appendTo('body');
我该如何创建:
<a href=""><img src="" /></a>
使用相同的技术？