当使用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. NSMutableArray 删除可变数组元素
			
    平时使用 NSMutableArray 中经常用到遍历删除数组元素的问题.一般第一个想法是使用一下 forin 就解决了,但是老司机都会知道使用 forin 做删除操作的时候会 crash.报错的原因 ...
    
			
    2. 
						
  2. BFC 到底是什么？
			
    MDN 对 BFC 的描述: 块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是布局过程中生成块级盒子的区域,也是浮动元素与其他元素 ...
    
			
    3. 
						
  3. 处理vue-quill-editor回显数据的时候没有空格问题
			
    这是我要实现的效果 这是我回显后的情况(可以看见空格都没有了) 处理后 处理方法  添加一个class="ql-editor" <quill-editor class=&qu ...
    
			
    4. 
						
  4. css3 text-fill-color属性
			
    text-fill-color是什么意思呢?单单从字面上来看就是“文本填充颜色”,不过它实际也是设置对象中文字的填充颜色,和color的效果很相似.如果同时设置text-fill-color和colo ...
    
			
    5. 
						
  5. JAVA基础之会话技术-Cookie及Session
			
    至此,学习Servlet三个域对象:ServletContext(web项目).request(一次请求).Session(一个客户端)!均有相同的方法! 从用户开始打开浏览器进行操作,便开始了一次会 ...
    
			
    6. 
						
  6. 最佳移动端h5自适应rem适配方案
			
    一.利用lib-flexible.postcss-plugin-px2rem插件 进行移动端rem适配. 1.第一 引入lib-flexible . 安装lib-flexible: npm i lib ...
    
			
    7. 
						
  7. python文字转语音
			
    使用百度接口 接口地址 https://ai.baidu.com/docs#/TTS-Online-Python-SDK/top 安装接口 pip install baidu-aip from aip ...
    
			
    8. 
						
  8. echarts Y轴名称显示不全（转载）
			
    转载来源:https://blog.csdn.net/qq8241994/article/details/90720657今天在项目的开发中遇到的一个问题,echarts Y轴左侧的文字太多了,显示不 ...
    
			
    9. 
						
  9. 解决window  tomcat 8.5 启动控制台输出为乱码
			
    解决办法 1.打开你安装Tomcat的所在目录. 2. 打开后选择conf目录. . 3. 将里面的logging.properties文件用编辑器打开,本例子是使用“Notepad++”编辑器打开. ...
    
			
    10. 
						
  10. day 09 预科
			
    目录 函数 定义函数 函数定义的三种形式 空函数 有参函数(有参数()的函数) 无参函数 函数的返回值 函数的参数 形参 位置形参 实参 位置实参 关键字实参 函数 def twoSum(nums,t ...
    
			
    11.