移除你的document.write

HTTPS后在Chrome下document.write报错警告

最近注意到，站点强制HTTPS后在Chrome下老是报警告，排除了不少http导致的跨域提醒，然后又出现了document.write报错警告，包括cnzz统计，百度收录，分享等都有该问题，于是想办法解决了一下。

该警告是这样的：

“A parser-blocking,cross site (i.e. different eTLD+1) script, https://s22.cnzz.com/z_stat.php?id=XXXX.js,is invoked via document.write. The network request for this script MAY beblocked by the browser in this or a future page load due to poor network connectivity.”

Chrome之所以出现该警告，主要是从加载速度上考虑的，特别是在2g情况下，Chrome会直接忽略document.wirte的加载；基于这一原因，我们可以想到解决办法，改为异步加载：

// 将代码中的xxxxxxx替换成你的id即可
<span id='cnzz_stat_icon_xxxxxxx'></span>
<script>
    var cnzz_s_tag =document.createElement('script');
    cnzz_s_tag.type ='text/javascript';
    cnzz_s_tag.async =true;
    cnzz_s_tag.charset= 'utf-8';
    cnzz_s_tag.src ='https://s96.cnzz.com/z_stat.php?id=xxxxxxx&show=pic';
    var root_scnzz =document.getElementsByTagName('script')[0];
    root_scnzz.parentNode.insertBefore(cnzz_s_tag,root_scnzz);
</script>

同理，百度hm代码也可以修改：

// 下面代码中xxxxxxx改为你的id
<script>
var _hmt = _hmt || [];
(function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?xxxxxxx";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
})();
</script>