当使用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. ES5和ES6的继承
			
    ES5继承 构造函数.原型和实例的关系:每一个构造函数都有一个原型对象,每一个原型对象都有一个指向构造函数的指针,而每一个实例都包含一个指向原型对象的内部指针, 原型链实现继承 基本思想:利用原型让一 ...
    
			
    2. 
						
  2. css3实现半圆和圆效果
			
    在css2中,如果需要失效一些圆角或者半圆等等效果,一般是要通过ps等软件来处理的,在CSS3中,则不需要了,只需要通过border-radius就可以实现,大大方便了开发的效率. 无论圆角.圆弧.实 ...
    
			
    3. 
						
  3. webpack练手项目之easySlide（一）：初探webpack
			
    最近在学习webpack,正好拿了之前做的一个小组件,图片轮播来做了下练手,让我们一起来初步感受下webpack的神奇魅力.     webpack是一个前端的打包管理工具,大家可以前往:http:/ ...
    
			
    4. 
						
  4. 【robotframework】pycharm+robotframe
			
    一.环境搭建 二.框架介绍 1.settings 是这个测试套件的全局配置表 说明这个测试套件要使用的测试库.资源文件 测试套件的环境初始化(setup)和清除(teardown) 该套件内的标签等  ...
    
			
    5. 
						
  5. Pycharm中连接数据库乱码问题解决
			
    当我们使用pycharm建立数据库之后,看到里面的数据都是乱码,就像下面一样: 其实这个并不是pycharm的显示问题,而是建立数据库时产生的. 解决方法是到指定字符集的命令提示符中重新建表并指定字符 ...
    
			
    6. 
						
  6. Java集合框架总结2_Map
			
    1. Map接口概述 Map与Collection并列存在.用于保存具有映射关系的数据:key-value: Map中的key和value都可以是任何应用类型的数据: Map中的key用Set来存放, ...
    
			
    7. 
						
  7. 8 个 Python 实用脚本，赶紧收藏备用！
			
    脚本写的好,下班下得早!程序员的日常工作除了编写程序代码,还不可避免地需要处理相关的测试和验证工作. 例如,访问某个网站一直不通,需要确定此地址是否可访问,服务器返回什么,进而确定问题在于什么.完成这 ...
    
			
    8. 
						
  8. Deployment
			
    Deployment RC是kubernetes中的一个核心概念,Deployment 是新一代的RC,除了拥有RC的功能外,还具备一下特性: 支持事件和状态查看:可以查看Deployment升级的状 ...
    
			
    9. 
						
  9. spark 程序 windows 运行报错
			
    1 java.io.IOException: Could not locate executable null\bin\winutils.exe in the Hadoop binaries. at  ...
    
			
    10. 
						
  10. 美好的童年伙伴：360 智能儿童手表 P1体验评测
			
    写在前面 少年儿童作为祖国的花朵,未来的栋梁,也是我们每个做家长的心头肉.近年来各种新闻报道中校园欺凌.虐待事件频发,虽然依然只是个别事件,但我们依然会心怀担忧. 360作为安防软件起家的专业公司,凭 ...
    
			
    11.