关于js中onload事件的部分报错。

Posted 00011101

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于js中onload事件的部分报错。相关的知识，希望对你有一定的参考价值。

当使用onload获取元素时，建议在onload事件之前定义需要获取的元素名称，在onload里面只执行获取操作，这样获取到的元素在后面才能顺利使用。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html" charset="UTF-8">
    <title>有关form</title>
</head>
<script type="text/javascript">
    var username;
    var myform;
    onload=function(){
        username=document.getElementById("username");
        myform=document.getElementById("myform");
    }
/*这样写会出现报错，myform变量写在onload里面，是个局部变量，执行表单提交的时候不能被调用到，应该要把执行表单提交的代码也放到onload里面。*/
    myform.onsubmit=function(){
        if(username.value=="name"){
            return true;
        }
        return false;
    }
</script>
<body>
<form action="" method="" id="myform" >
    用户名:<input type="text" id="username">
    <input type="submit" value="提交">
</form>
</body>
</html>


正确的方式
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html" charset="UTF-8">
    <title>有关form</title>
</head>
<script type="text/javascript">
    var username;
    var myform;
    onload=function(){
        username=document.getElementById("username");
        myform=document.getElementById("myform");
        myform.onsubmit=function(){
            if(username.value=="name"){
            return true;
            }
            return false;
        }
    }
    
</script>
<body>
<form action="" method="" id="myform" >
    用户名:<input type="text" id="username">
    <input type="submit" value="提交">
</form>
</body>
</html>


 


 




 







以上是关于关于js中onload事件的部分报错。的主要内容，如果未能解决你的问题，请参考以下文章
 

 前端jQuery部分简单整理


 vue.js中怎样用onload事件


 jQuery介绍


 js如何不用body里的onload事件实现页面加载自动调用该方法


 js的 window.load 和window.onload 有啥区别


 如何使用JS清除 onload事件。