求解window.onload(){}下不能使用多个函数

Question

window.onload = function() {
var user = document.getElementById("user");
var pwd = document.getElementById("pwd");
var pwda = document.getElementById("pwda");
document.getElementById("user").onblur = function () {
if(user.value==''){
document.getElementById("userStrong").style.display='' ;
}else{
document.getElementById("userStrong").style.display="none" ;
}
};
pwd.onblur = function () {
if(pwd.value!=""){
document.getElementById("pwdStrong").style.display="none" ;
}else{
document.getElementById("pwdStrong").style.display='' ;
}
};
pwda.onblur = function () {
if(pwda.value==""){
document.getElementById("pwdaStrong").style.display='' ;
}else{
document.getElementById("pwdaStrong").style.display="none" ;
}
};
};以上是三个函数代码都可以用,现在我想再以这种方式往里边加个函数应该怎么加?或者有没有别的更好的写法?

Answer 1

window.onload = function() {
    var user = document.getElementById("user");
    var pwd = document.getElementById("pwd");
    var pwda = document.getElementById("pwda");
    document.getElementById("user").onblur = function () {
        if(user.value==''){
            document.getElementById("userStrong").style.display='' ;
            }else{
                document.getElementById("userStrong").style.display="none" ;
                }
        };
    pwd.onblur = function () {
        if(pwd.value!=""){
            document.getElementById("pwdStrong").style.display="none" ;
            }else{
                document.getElementById("pwdStrong").style.display='' ;
                }
        };
    pwda.onblur = function () {
        if(pwda.value==""){
            document.getElementById("pwdaStrong").style.display='' ;
            }else{
                document.getElementById("pwdaStrong").style.display="none" ;
                }
        };

//新加的函数
function newfun(){
alert();
};

//执行新加的函数
newfun();
    };

Answer 2

你想在哪里加都行，只要是语法正确就行，如果你想在外层加，那么：window.onload = function() {
    var user = document.getElementById("user");
    var pwd = document.getElementById("pwd");
    var pwda = document.getElementById("pwda");
    document.getElementById("user").onblur = function () {
        if(user.value==''){
            document.getElementById("userStrong").style.display='' ;
            }else{
                document.getElementById("userStrong").style.display="none" ;
                }
        };
    pwd.onblur = function () {
        if(pwd.value!=""){
            document.getElementById("pwdStrong").style.display="none" ;
            }else{
                document.getElementById("pwdStrong").style.display='' ;
                }
        };
    pwda.onblur = function () {
        if(pwda.value==""){
            document.getElementById("pwdaStrong").style.display='' ;
            }else{
                document.getElementById("pwdaStrong").style.display="none" ;
                }
        }
//function ...
;
    };

Answer 3

如果只是在 onload 事件里面添加一个函数  那可以吧代码写成这样: /**
 * 绑定事件
 * @param object
 * @param type
 * @param fn
 * @return
 */
var bindEvent=function(object,type,fn)
{
//IE浏览器 
if(object.attachEvent)
{
object.attachEvent("on"+type,(function(){return function(){window.event.cancelBubble=true;object.attachEvent=fn.apply(object);}})(object));                
}
//其他浏览器     
else if(object.addEventListener)
{
object.addEventListener(type,function(event){event.stopPropagation();fn.apply(this)},false);
}
}

Answer 4

调用的时候 可以 直接写 bindEvent(操作对象,什么事件类型[load,click,mouseover],执行什么样的函数);
就这样   事件类型 不要添加 on 

Answer 5

那我还是我那种方法,把 document.getElementById("ID"),赋给一个变量,然后再继续往下套pwda.onblur = function () {}这个函数为什么行不通呢?

Answer 6

<script></script>之间可以写几个函数，函数里面不能定义函数吧？可以一个函数调用另一个函数，然后一顺往下调用。

Answer 7

一个事件绑定多个函数
1、attachEvent addEventListener
2、 window.onload = function() 
{
fun1();
fun2();
...
fun_N();
};