先看例子

<!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. 金蝶云星空BOS开发视频分享

    https://vip.kingdee.com/school/implementCourseOnline

  2. GYCTF 盲注【regexp注入+时间盲注】

    考点:regexp注入+时间盲注 源码: <?php # flag在fl4g里 include 'waf.php'; header("Content-type: text/html; ...

  3. java学习笔记之反射—Class类实例化和对象的反射实例化

    反射之中所有的核心操作都是通过Class类对象展开的,可以说Class类是反射操作的根源所在,但是这个类的实例化对象,可以采用三种方式完成. java.lang.Class类的定义: public f ...

  4. 安装配置oracle11gR2、client、plsql developer及学习

    本文是一个目录,以后会持续更新 1,安装oracle11gR2 https://www.cnblogs.com/suterfo/p/10659208.html 2,安装oracle client及配置 ...

  5. 将内裤穿在外面的男人(mysql)

    superman 的好处是可以为所欲为,不仅可以修改自己的密码,还能给别人授权,修改别人的密码. 1.修改自己 的密码 首先要先登录mysql, 然后: mysqladmin   -u   root ...

  6. 题解【AcWing883】高斯消元解线性方程组

    题面 高斯消元模板题. 这里直接讲述一下高斯消元的算法流程: 枚举每一列 \(c\): 找到第 \(c\) 列绝对值最大的一行: 将这一行换到最上面: 将该行的第一个数变成 \(1\): 将下面所有行 ...

  7. ubantu中的apache中设置代理

    1.启用代理模块 a2enmod proxy proxy_balancer proxy_http 2.修改 /sites-available/000-default.conf 添加 <Virtu ...

  8. spring项目启动报错

    个人博客 地址:http://www.wenhaofan.com/article/20180921134534 错误信息 ERROR [localhost-startStop-1] - Context ...

  9. Github中进行fork后，原仓库更新了如何与原仓库同步

    我们经常在Github中Fork别人优秀的项目(在自己的GitHub下面生成一个repository),如果原仓库作者或组织更新仓库,此时你Fork的项目并不会更新,如果我们想要更新操作,该如何操作? ...

  10. ubuntu18.04 编译fortran出现 ‘没有f951这个文件’处理

    机器自带了gcc所以可以编译fortran文件, 使用时, gcc **.for –o ***.out 提示,没有找到f951. 然后去网上找解决方案,有的人说在其他地方找到了f951,然后把他复制到 ...