如何防止(内联样式)加载背景图像?

时间:2015-09-22 17:05:47

标签: javascript html get background-image

我有一个带内联背景样式的div。我想阻止这个背景图像加载,只要启用JS,使用更少的数据,但如果JS被禁用则让它加载。我还希望以后能够使用jQuery获取图像的URL。

我目前在我<script>的{​​{1}}元素中有这个,所以它尽可能快地运行(改编自this answer on SO):

JS

<head>

这会隐藏图像,但仍允许加载。

1 个答案:

答案 0 :(得分:0)

使用 background = none

function removeBackgroundImagesBeforeTheyLoad() {
  var divs = document.getElementsByTagName("div");
  for (var i = 0; i < divs.length; i++) {
      divs[i].style.background=none;
  }
}