求助。要怎么让display none里面的内容彻底不加载？ - css吧

level 10

linger0273 楼主

这个问题我百度了下，但是没找到答案，都是问如何让display:none的内容显示出来。而我想问的是相反，如何让被隐藏的内容彻底不加载。
是这样：我通过css设置了在普通分辨率下，网页是完整显示的。而在手机端上面，我把网页上部分内容给隐藏掉了。主要是图片，因为考虑到手机端的加载速度相比电脑还是慢，所以屏蔽了。当手机在无线状态下，网页加载速度还行，但是到了户外，就很慢很慢了。
于是我设置了display:none这个命令，但是发现其实内容还是加载的，只是不显示而已。
请问要如何让这些内容彻底不显示呢？通过JS么？
这些屏蔽的内容，在电脑端是会显示，到了手机端就自动隐藏这样。

2015年11月30日 09点11分 1

level 9

贴吧用户_Q7y3RGV

条件注释

2015年11月30日 11点11分 3

linger0273

我JS还是新手，找了一圈，似乎找到一点眉目，但是接下去又似乎不对。我代码写在楼下回复。

2015年12月01日 05点12分

level 8

sunflower60yll

可是试下用js判断，当条件满足时才加载

2015年12月01日 03点12分 4

linger0273

JS判断我倒是有找到，但是不明白如何定义这个条件。现在找到的代码，写在了楼下。只找到个当分辨率在某个下面时，该DIV不显示。而不是不加载。

2015年12月01日 05点12分

sunflower60yll

好像.load只能写一次，.ready可以写多个

2015年12月01日 14点12分

level 10

linger0273 楼主

我在<head>里面写：
<script language=javascript>
//当分辨率小于780px时候，部分div不加载。
if(screen.width == 780){
document.getElementById("clients").style.display = "none";
}else{
document.getElementById("clients").style.display = "block";
}
</script>
这样写，这个clients是可以不显示，但是我看下来，其实还是只是不显示而已，并不是不加载，它还是会先加载，然后再不显示。和通过css来判定分辨率，再决定显示与否，殊途同归。只是却不是我要的。
然后我试着写成：
document.getElementById("clients").onloadstart = "unload";
我的想法是在侦测到这个div后，浏览器直接跳过它，不加载。
-_-!试了下，没啥作用。应该是我写错了，也就是不知道如何写正确了。
然后又发现了个：
function window.onbeforeunload (){}
在网页一开始加载前干嘛，干嘛，不过也不会写了。
-_-!

2015年12月01日 05点12分 5