当使用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事件的部分报错。的更多相关文章
	

    
								
  1. vue.js 中使用（...）运算符报错的解决方法
		
    vue.js 中使用(...)运算符报错的解决方法 Syntax Error:Unexpected token(XX:X) }, computed:{ ...mapGetters([ 'pageSiz ...
    
		
    2. 
						
  2. JS中常见的几种报错类型
		
    1.SyntaxError(语法错误) 解析代码时发生的语法错误 var 1a; //Uncaught SyntaxError: Invalid or unexpected token 变量名错误 c ...
    
		
    3. 
						
  3. vue.js 中使用（...）运算符报错
		
    今天在起别人项目的时候, 发现报错. 这个错误是,项目中不识别es6的扩展运算符, 解决方式很简单. // 第一步 cnpm install babel-plugin-transform-object ...
    
		
    4. 
						
  4. 看懂此文，不再困惑于 JS 中的事件设计
		
    看懂此文,不再困惑于 JS 中的事件设计 今天刚在关注的微信公众号看到的文章,关于JS事件的,写的很详细也很容易理解,相关的知识点都有总结到,看完就有种很舒畅的感觉,该串起来的知识点都串起来了.反正一 ...
    
		
    5. 
						
  5. DOM    以及JS中的事件
		
    [DOM树节点] DOM节点分为三大节点:元素节点,文本节点,属性节点. 文本节点,属性节点为元素节点的两个子节点通过getElment系列方法,可以去到元素节点 [查看节点] 1 document. ...
    
		
    6. 
						
  6. 从零开始的JS生活（二）——BOM、DOM与JS中的事件
		
    上回书说道,JS中变量.运算符.分支结构.循环和嵌套循环等内容.本回就由本K给大伙唠唠JS中的BOM.DOM和事件. 一."花心大萝卜"--BOM 1.震惊,FFF团为何对BOM举 ...
    
		
    7. 
						
  7. JS中的事件以及DOM 操作
		
    [DOM树节点] DOM节点分为三大节点:元素节点,文本节点,属性节点. 文本节点,属性节点为元素节点的两个子节点通过getElment系列方法,可以去到元素节点 [查看节点] 1 document. ...
    
		
    8. 
						
  8. JS中的事件&对象
		
    一.JS中的事件 (一)JS中的事件分类 1.鼠标事件 click/dblclick/onmouseover/onmouseout 2.HTML事件 onload/onscroll/onsubmit/ ...
    
		
    9. 
						
  9. JS学习五(js中的事件)
		
    [JS中的事件分类] 1.鼠标事件 click/bdlclick/onmouseover/onmouseout 2. HTML事件 onload/onscroll/onsubmit/onchange/ ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. MySQL中的JSON类型
			
    前言(废话) 昨天抽了点时间在网上搜列了一个开源项目,项目挺完整的,前后台分离还带有微信小程序,我Clone下代码,经过一番倒腾,嘿~还真就跑起来了.在这个过程中,体验了一把VUE项目工程细节,因为之 ...
    
			
    2. 
						
  2. 获取form表单默认提交的返回值
			
    1.经常用form表单提交的小伙伴有没有发现,form表单默认的提交是没有返回值的,而且默认提交成功之后是跳转,跳转的action的路径,下面写一下默认的提交如何获取到form表单的返回值json,并 ...
    
			
    3. 
						
  3. 图解HTTP（一）
			
    第一章 了解Web及网络基础 1.为知识共享为规划Web,基本理念是:借助多文档之间相互关联(你中有我,我中有你)形成的超文本,连成客户想参阅的WWW(World Wide Web). 2.提出了3项 ...
    
			
    4. 
						
  4. k8s基础操作命令
			
    K8s重新加入节点 1.重置node节点环境在slave节点上执行 [root@node2 ~]# kubeadm reset [reset] WARNING: changes made to thi ...
    
			
    5. 
						
  5. Node: 开发命令行程序
			
    CLI 的全称是 Command-line Interface (命令行界面),即在命令行接受用户的键盘输入并作出响应和执行的程序. 在 Node.js 中,全局安装的包一般都具有命令行界面的功能,例 ...
    
			
    6. 
						
  6. MySQL主从复制什么原因会造成不一致，如何预防及解决？
			
    一.导致主从不一致的原因主要有: 人为原因导致从库与主库数据不一致(从库写入) 主从复制过程中,主库异常宕机 设置了ignore/do/rewrite等replication等规则 binlog非ro ...
    
			
    7. 
						
  7. MySQL DataType--定点数(Fixed-Point Types)学习
			
    DECIMAL和NUMERIC MySQL支持两种定点数类型:DECIMAL和NUMERIC,而NUMERIC实现为DECIMAL,因此MySQL中DECIMAL和NUMERIC等价相同. 如使用下面 ...
    
			
    8. 
						
  8. Linux代理服务器使用
			
    1. 介绍 代理(即网络代理)是一种特殊的网络服务, 允许一个网络终端(客户端)通过这个服务与另一个终端(服务器)进行非直接连接,从而提供服务. 其中, 提供代理的网络终端称为代理服务器(Proxy  ...
    
			
    9. 
						
  9. 《基于 Web Service 的学分制教务管理系统的研究与实现》论文笔记（十一）
			
    标题:基于 Web Service 的学分制教务管理系统的研究与实现 一.基本内容 时间:2014 来源:苏州大学 关键词:: 教务管理系统 学分制 Web Service 二.研究内容 1.教务管理 ...
    
			
    10. 
						
  10. 关于mysql数据库utf-8问题
			
    1.bug的出现 我们正常使用utf-8类型来给我们的字段的字符编码,对于正常的都没有问题,例如姓名呀,性别年龄等,但是会遇到一个问题就是如果存储表情emoji则无法存入utf-8编码的字段 2.my ...
    
			
    11.