怎么让display none里面的内容彻底不加载？

Question

而不是只是隐藏，数据还是加载的。就是用css控制div按需加载

Answer 1

css控制DOM按需加载....
js控制就好咯,需要就渲染 不需要就不管

var html=`...`;
if(需要?){
    div.innerHTML = html;
}

Answer 2

css的{display：none}只是不渲染这个dom节点，安全起见，还是js控制，

Answer 3

要不就不写，写了就加载

Answer 4

通过js控制把隐藏的元素节点及内容删除就可以解决问题。

Answer 5

display：none里面的内容是程序是否加载的并且不会渲染到页面的，而visibility:hidden的内容是会加载到页面并且执行隐藏显示而已

Answer 6

设计一个对象，将div、请求地址、是否需要请求封装起来。根据是否需要请求来判断

[
    {
        div:"#div",
        url:"/get",
        flag:ture
    },
     {
        div:"#div2",
        url:"/get2",
        flag:false
    }
]

请求数据之前做一下判断即可