如何延迟加载Css和JavaScript或对append进来的内容修改样式

很多情况下,我们都要对css或者Jscript进行延迟加载或者对append进来的元素进行样式修改。

那么就可以使用以下代码进行操作。

var testChange = function () {
            var elem = document.createElement("link");
            elem.rel = "stylesheet";
            elem.type = "text/css";
            elem.href = './css.css';
            document.body.appendChild(elem);
        }

当需要使用的时候修改elem.href即可。

注意:使用延迟加载Js的时候请将elem.href修改为elem.src。

延迟加载直接加一个

setTimeout(function(){
    },1000);

即可。

猜你喜欢

转载自blog.csdn.net/qq_38243316/article/details/89279377