Question

如何利用javascript设置一个页面在加载完成之前，不能对它进行操作？

比如当页面加载比较慢时，如何防止用户在页面只加载一部分时因为点击某一些按钮而报错？（js错误，就是加载了一半，然后就点击页面操作，然后报错）。如何通过javascript控制用户在加载完之前不能操作？

Answer 1

可在整个页面上覆盖一个div,然后用滤镜改成半透明灰色,告知用户不可点(类似模式窗口),
这样用户所有的点击都会点在DIV上不会触发任何事件,
然后在body的onload事件里移除DIV,因为onload是页面加载完成后触发,正好符合你的要求

Answer 2

用JS为页面元素绑定事件，因为在js在没加载完时元素没有绑定任何事件，所以即使点击了元素也不会有任何效果，从而规避了在没有加载完js就触发事件而导致的报错。
示例：
html：
<input id="submitBtn" type="button" value="提交">

js：
$("#submitBtn").bind("click", function(){ //此处用jquery语法作示例，直接使用js绑定事件同理。
// do something
});

Answer 3

可以在页面做个隐藏的字段Yidj，页面打开时值赋为0，当点击按钮执行脚本时，就把Yidj值改为1，相应的按钮执行脚本对Yidj值进行判断，如果值为1就不执行脚本

Answer 4

本来是可以自己写个div，然后加滤镜，不过有个现成的，给你介绍一个jquery组件，名字叫blockui，用这个配合相应的事件触发，就可以了

Answer 5

window.onload=function(){
document.body.style.display="block";
}