Question

h5如何把页面全部的js加载完成再把隐藏的div显示出来。哪位大神知道帮忙一下！！

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏15（财富值+成长值）

Answer 1

按照不同的js加载方式,处理起来有不同.
按照常规的<script src="">标签的方式引入js的话,可以将script放置在body前或body内,这样js的加载早于body的onload或者jquery的$(document).ready,只需在onload或ready内定义处理函数展示div即可.
通过js方式异步加载js文件的话,应当将展示div的操作放到最后一个js文件加载成功的回调函数里面.如果是异步加载了多个js文件,可以考虑采用计数等其他手段判断.异步加载js这部分也有一些js库可以使用,比如yepnope和Require.js等.

追问

将展示div的操作放到最后一个js文件加载成功的回调函数里面应该怎么写

追答

var head = document.getElementsByTagName("head")[0];
var script = document.createElement("script");
script.src = "/js/some_delayed.js"; //延迟加载的js文件.
head.appendChild(script);
script.onload = function() {
    document.getElementById("hiddenDiv").display = "block";
};

多个延迟加载的话还得改造,上面是一个文件延迟加载的情况