javascript - jquery 在加载时导致 “white”

Question

我在论坛上搜索了一下，似乎无法弄清楚如何解决加载新页面时白色闪烁的常见问题。

我试过 Chris Coyer 的例子，将它放在我的其他 javascript 之上:

    // Prevent variables from being global
(function () {

      /*
          1. Inject CSS which makes iframe invisible
      */

    var div = document.createElement('div'),
        ref = document.getElementsByTagName('base')[0] ||
              document.getElementsByTagName('script')[0];

    div.innerHTML = '&shy;<style> iframe { visibility: hidden; } </style>';

    ref.parentNode.insertBefore(div, ref);

    /*
        2. When window loads, remove that CSS,
           making iframe visible again
    */

    window.onload = function() {
        div.parentNode.removeChild(div);
    }

})();

但是，还在闪烁。我是 javascript 的菜鸟，所以我不太确定我做错了什么。

最差的页面是:http://thegoodgirlsnyc.com/test/new/index3_7.php

Answer 1

如果您使用的是 Jquery，请尝试使用以下方法包装您的函数:

$(document).ready(function(){
 /* Code goes here */
});

这将在文档准备好(完全加载)时执行您的代码