当使用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. Java visualvm
			
    简介 VisualVM是一个集成多个JDK命令行工具的可视化工具.可以作为Java应用程序性能分析和运行监控的工具.开发人员可以利用它来监控.分 析线程信息,浏览内存堆数据.系统管理员可以利用它来监测 ...
    
			
    2. 
						
  2. PYTHON 文件读写、坐标寻址、查找替换
			
    读文件 打开文件(文件需要存在) #打开文件 f = open("data.txt","r") #设置文件对象 print(f)#文件句柄 f.close()  ...
    
			
    3. 
						
  3. Android Scroller详解
			
    在学习使用Scroller之前,需要明白scrollTo().scrollBy()方法. 一.View的scrollTo().scrollBy() scrollTo.scrollBy方法是View中的 ...
    
			
    4. 
						
  4. scrapy随机切换user-agent
			
    使用github的 scrapy-fake-useragent 不用自己改源码继承自带的userAgent中间件  只需要安装后增加配置即可 https://github.com/alecxe/scr ...
    
			
    5. 
						
  5. RabbitMq 消息队列 在Python端的应用
			
    https://www.cnblogs.com/Xuuuuuu/p/10895552.html rabbit_server持久化,消费者端手动确认保证消息不会丢失.具体代码如下: 1对1生产者端代码: ...
    
			
    6. 
						
  6. 【RAC】 RAC For W2K8R2 安装--grid的安装(四)
			
    [RAC] RAC For W2K8R2 安装--grid的安装(四) 一.1  BLOG文档结构图 一.2  前言部分 一.2.1  导读 各位技术爱好者,看完本文后,你可以掌握如下的技能,也可以学 ...
    
			
    7. 
						
  7. windows下控制台程序实现窗口显示
			
    windows下实现窗口显示,如果限定是C/C++语言,并且是原生Windows支持,需要使用GDI或GDI+.一般是在Visual Studio里新建Win32应用程序,而不是Win32 conso ...
    
			
    8. 
						
  8. Linux指令（时间日期类）
			
    date指令-显示当前日期 基本语法: 1)date (功能描述:显示当前时间) 2)date +%Y (功能描述:显示当前年份) 3)date +%m (功能描述:显示当前月份) 4)date +% ...
    
			
    9. 
						
  9. 服务器部署docker lnmp环境
			
    一.安装dockerDocker要求运行在Centos 7上,要求系统为64位,系统内核版本3.10以上 1.uname -an 查看当前系统版本 2.yum -y install docker 下载 ...
    
			
    10. 
						
  10. Python入门篇-函数、参数及参数解构
			
    Python入门篇-函数.参数及参数解构 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.函数概述 1>.函数的作用即分类 函数 数学定义:y=f(x) ,y是x的函数,x ...
    
			
    11.