是否可以使用JavaScript获取CSS引用的背景图片的实际大小(以像素为单位的宽度和高度)?
是的,我会这样做…
window.onload = function() { var imageSrc = document .getElementById('hello') .style .backgroundImage .replace(/url\((['"])?(.*?)\1\)/gi, '$2') .split(',')[0]; // I just broke it up on newlines for readability var image = new Image(); image.src = imageSrc; var width = image.width, height = image.height; alert('width =' + width + ', height = ' + height) }
一些注意事项…
url()
,
Image
src
jQuery可能不会让您头痛不已。