Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为动态css背景预加载图像_Javascript_Jquery_Css - Fatal编程技术网

Javascript 为动态css背景预加载图像

Javascript 为动态css背景预加载图像,javascript,jquery,css,Javascript,Jquery,Css,在显示要与css一起使用的大型背景图像之前,如何预加载它们:url(图像)格式。我可以使用jQuery使它更简单 var img = document.createElement('img') img.src = 'http://yourhref.com/myimg.jpg' 将加载图像。使用Css: var div = document.createElement('div') div.style.backgroundImage = 'url("myurl.jpg")' 然后,当你想添加它

在显示要与css一起使用的大型背景图像之前,如何预加载它们:url(图像)格式。我可以使用jQuery使它更简单

var img = document.createElement('img')
img.src = 'http://yourhref.com/myimg.jpg'
将加载图像。使用Css:

var div = document.createElement('div')
div.style.backgroundImage = 'url("myurl.jpg")'
然后,当你想添加它时

document.body.appendChild(div)

“使用CSS方法”是否缓存图像?是的,通常。这取决于浏览器、浏览器版本、缓存头的过期时间、是否使用ssl等等……但是,是的。