先看例子

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8" />

		<title>hello</title>

		<script src="js/myjs.js"></script>

	</head>

	<body>

		<form name="form">

			<input name="password" value="password" />

			<input name="name" value = "name" />

		</form>

	</body>

</html>

导入的js文件代码为

function test(){
    
    var test = form.name.value;
    var test2 = form.password.value;
    console.log(test);
    console.log(test2);
}
test()

报错信息如下：

不采用动态导入，使用内联JS

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8" />

		<title>hello</title>

	</head>

	<body>

		<form name="form">

			<input name="password" value="password" />

			<input name="name" value = "name" />

		</form>

		<script>

			function test(){

				var test = form.name.value;

				var test2 = form.password.value;

				console.log(test);

				console.log(test2);

			}

			test()

		</script>

	</body>

</html>

运行正确，结果如下：

移动内联js位置，

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8" />

		<title>hello</title>

		<script>

			function test(){

				var test = form.name.value;

				var test2 = form.password.value;

				console.log(test);

				console.log(test2);

			}

			test()

		</script>

	</head>

	<body>

		<form name="form">

			<input name="password" value="password" />

			<input name="name" value = "name" />

		</form>

	</body>

</html>

又报错

原因：调用test()函数时，form对象还未生成，也可以这样子写

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8" />

		<title>hello</title>

		<script>

			function test(){

				var test = form.name.value;

				var test2 = form.password.value;

				console.log(test);

				console.log(test2);

			}

		</script>

	</head>

	<body>

		<form name="form">

			<input name="password" value="password" />

			<input name="name" value = "name" />

		</form>

		<script>

			test()

		</script>

	</body>

</html>

使用表单对象时，报错 form is undefine的更多相关文章

  1. linux下, 再次遇到使用thinkphp的模板标签时,报错used undefined function \Think\Template\simplexml_load_string() 是因为没有安装 php-xml包

    linux下, 使用thinkphp的模板标签,如 eq, gt, volist defined, present , empty等 标签时, 报错: used undefined function ...

  2. WPF加载Winform窗体时 报错：子控件不能为顶级窗体

    一.wpf项目中引用WindowsFormsIntegration和System.Windows.Forms 二.Form1.Designer.cs 的 partial class Form1 设置为 ...

  3. 启动tomcat时,报错:IOException while loading persisted sessions: java.io.EOFException解决方法

    报错原因:加载持久化session错误,tomcat加载时读取的文件是是*.ser,session序列化文件,文件的位置是tomcat\work\Catalina\localhost,找到sessio ...

  4. 格式化namenode时 报错 No Route to Host from node1/192.168.1.111 to node3:8485 failed on socket timeout exception: java.net.NoRouteToHostException: No route to host

    // :: FATAL namenode.NameNode: Failed to start namenode. org.apache.hadoop.hdfs.qjournal.client.Quor ...

  5. 已解决: idea创建并部署SpringMVC项目时 报错 java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListener

    用IDEA创建并运行SpringMVC项目时,最初发现没有Servlet包,这个问题已在上篇解决,然而当我们尝试去运行此时的SpringMVC项目时,发现仍然有错误.ClassNotFoundExce ...

  6. iOS url带中文下载时 报错解决方法

    问题描述:下载文件时, 请求带中文的URL的资源时,比如:http://s237.sznews.com/pic/2010/11/23/e4fa5794926548ac953a8a525a23b6f2/ ...

  7. 项目配置 xml文件时 报错提示（The reference to entity "useSSL" must end with the ';' delimiter.）

    这次在配置xml文件时,出现错误提示( The reference to entity “useSSL” must end with the ‘;’ delimiter.) 报错行为 <prop ...

  8. CentOS 7在执行yum操作时 报错

    CentOS 7在执行yum操作时, 报错:Could not retrieve mirrorlist http://mirrorlist.centos.org/?release=6&arch ...

  9. MySQL-配置参数时 报错：remove CMakeCache.txt and rerun cmake.On Debian/Ubuntu......

    报错:remove CMakeCache.txt and rerun cmake.On Debian/Ubuntu...... 原因: 1.第一次配置参数时,不完整,出现错误!,(报错也会产生CMak ...

随机推荐

  1. 深入浅出Mybatis系列七-mapper映射文件配置之insert、update、delete

    注:本文转载自南轲梦 注:博主 Chloneda:个人博客 | 博客园 | Github | Gitee | 知乎 上篇文章<深入浅出Mybatis系列(六)---objectFactory.p ...

  2. ZedGraph怎样在双击图形后添加箭头标记

    场景 在ZedGraph的曲线图上,双击图时会在图形上生成箭头符号标记. 效果 注: 博客主页: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的 ...

  3. 请求 - axios

    实际应用示例 前端不需要做统一的接口防重 前端无法通过判断接口是否返回来释放按钮(因为可以手动刷新页面,将导致刷新前请求丢失) 后端对接口做了防重 通过增加时间戳避免IE9的get请求缓存问题 axi ...

  4. vjudge 棋盘

    原题目链接:https://vjudge.net/contest/331118#problem/B 在一个给定形状的棋盘(形状可能是不规则的)上面摆放棋子,棋子没有区别.要求摆放时任意的两个棋子不能放 ...

  5. hive删除表时直接卡死

    原因:因为以前安装的mysql,字符集都改为了utf-8. 解决方案:需要把字符集都改为latin1 首先进入mysql查看字符集 show variables like 'char%' 找到mysq ...

  6. JavaScript控制流和表达式

    一.with语句 使用with语句可以简化JavaScript语句的一些类型,即把一个对象的多个引用降为一个引用,对with块里的属性和方法的引用将被看作是对对象的引用. <script> ...

  7. 动态规划 ---- 最长公共子序列（Longest Common Subsequence, LCS）

    分析: 完整代码: // 最长公共子序列 #include <stdio.h> #include <algorithm> using namespace std; ; char ...

  8. 【音乐欣赏】《I Don't Even Care About You》 - Missio

    曲名:I Don't Even Care About You 作者:Missio [00:31.18]Depressed again [00:34.66]Morning comes too fast ...

  9. mysql cmd链接不上数据库情况汇总

    在我的电脑 属性 高级设置 环境变量 path 编辑 添加mysql bin的文件位置复制粘贴上 mysql> use mysqlERROR 1044 (42000): Access denie ...

  10. 2019牛客训练赛第七场 C Governing sand 权值线段树+贪心

    Governing sand 题意 森林里有m种树木,每种树木有一定高度,并且砍掉他要消耗一定的代价,问消耗最少多少代价可以使得森林中最高的树木大于所有树的一半 分析 复杂度分析:n 1e5种树木,并 ...