一些预加载网页静态资源的办法

最新推荐文章于 2022-08-29 16:55:58 发布

weixin_34005042

最新推荐文章于 2022-08-29 16:55:58 发布

阅读量477

点赞数

文章标签： java javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/bomoke/p/3372420.html

版权

window.onload = function() {

    setTimeout(function() {

        // reference to <head>
        var head = document.getElementsByTagName('head')[0];

        // a new CSS
        var css = document.createElement('link');
        css.type = "text/css";
        css.rel  = "stylesheet";
        css.href = "http://domain.tld/preload.css";

        // a new JS
        var js  = document.createElement("script");
        js.type = "text/javascript";
        js.src  = "http://domain.tld/preload.js";

        // preload JS and CSS
        head.appendChild(css);
        head.appendChild(js);

        // preload image
        new Image().src = "http://domain.tld/preload.png";

    }, 1000);

<div class="hidden">
    <script type="text/javascript">
        <!--
//--><![CDATA[//><!--
            var images = new Array()
            function preload() {
                for (i = 0; i < preload.arguments.length; i++) {
                    images[i] = new Image()
                    images[i].src = preload.arguments[i]
                }
            }
            preload(
                "http://domain.tld/gallery/image-001.jpg",
                "http://domain.tld/gallery/image-002.jpg",
                "http://domain.tld/gallery/image-003.jpg"
            )
        
//--><!]]>
    </script>
</div>