JS原生实现jQuery的document.ready()方法

354 阅读1分钟

Vue项目里想动态的切换title(图标链接由接口返回),所以我在index.html中使用<script>引入了jQuery,使用document.ready()方法加原生ajax来发送数据请求获取title名称。

但是在页面加载时,加载jQuery耗时太长所以还是得用原生js实现jQuery的document.ready()方法。

<script>
    (function () {
        var fu = document;
        fu.ready = function (f) {
            return fu.addEventListener('DOMContentLoaded', f, false);
        };
    })();
    
    //使用
    document.ready(function () {
        console.log('JS实现document.ready');
    })
</script>