当使用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. 四级CET大学词汇六级备份
			
    Cet6六级中要考到法庭词汇的小故事  如何安排六级考试前的一个月1.每天按照我的要求去背单词2.做四套真题,词汇部分 只做词汇 3.做personal dictionary把真题中出现的所有不认识的 ...
    
			
    2. 
						
  2. ORACLE SQL 笔记
			
    根据数据权限查询 SELECT * FROM ( SELECT ROWNUM AS ROWNO, AA.* FROM ( SELECT DISTINCT A.OBJECTID InstanceID , ...
    
			
    3. 
						
  3. tcp、udp协议栈
			
    tcp struct tcphdr { __be16 source; //源端口 __be16 dest; //目的端口 __be32 seq; //序列号 __be32 ack_seq; //确认号 ...
    
			
    4. 
						
  4. SpringBoot集成MyBatis的分页插件PageHelper--详细步骤
			
    1.pom中添加依赖包 <!--pageHelper基本依赖 --> <dependency> <groupId>com.github.pagehelper< ...
    
			
    5. 
						
  5. 为什么在定义hashcode时要使用31这个数呢？
			
    散列计算就是计算元素应该放在数组的哪个元素里.准确的说是放到哪个链表里面.按照Java的规则,如果你要想将一个对象放入HashMap中,你的对象的类必须提供hashcode方法,返回一个整数值. ht ...
    
			
    6. 
						
  6. 【故障解决】enq: PS - contention
			
    [故障解决]enq: PS - contention 一.1  BLOG文档结构图       一.2  前言部分   一.2.1  导读和注意事项 各位技术爱好者,看完本文后,你可以掌握如下的技能, ...
    
			
    7. 
						
  7. day 05 预科
			
    目录 文本处理 什么是文件 什么是文本 视频/音频文件(多媒体文件) 我们如何通过文本编辑器去控制txt文件 文本高级 文本处理+高级分析 文本处理 什么是文件 文件是操作系统提供的一个特殊概念,拿来 ...
    
			
    8. 
						
  8. Python爬虫系列：五、正则表达式
			
    1.了解正则表达式 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符.及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑. 正则表达式 ...
    
			
    9. 
						
  9. 基于gtk的imshow:用gtk读取并显示图像
			
    gtk实现imshow,最naive的做法是用gtk的组件去读取图像,然后show出来:后续再考虑用GTK显示用别的方式例如stb image读取的图像.先前基于GDI实现imshow时也是这一思路, ...
    
			
    10. 
						
  10. Pod Hook
			
    Pod Hook kubernetes为容器提供了生命周期,称为Pod Hook,Pod Hook 是由kubelet 发起的, 可以发生在容器启动和停止之前运行,包含在容器的生命周期中.我们可以为所 ...
    
			
    11.