使用表单对象时，报错 form is undefine

先看例子

<!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相关推荐

Windos环境下kafka配置启动Zookeeper时,报错：Invalid config, exiting abnormally.
Windos环境下kafka配置启动ZooKeeper时,报错:Invalid config, exiting abnormally. 执行命令: D:\kafkaOnWindows\kafka_2. ...
linux执行.sh文件时,报错：XXX.sh: Permission denied(没有权限)
linux执行.sh文件时,报错:XXX.sh: Permission denied(没有权限) 解决方法:修改对该文件的权限例如报错: bash: ./zkServer.sh: Permissio ...
gpt磁盘标签linux,解决安装CentOS6.5时报错提示“sda 必须有一个GPT磁盘标签”
解决安装CentOS6.5时报错提示"sda 必须有一个GPT磁盘标签" 今天想在thinkpad t430u上安装CentOS6.5 时总共遇到了两个问题 1> u盘安 ...
安装teamveaver时报错未安装软件包 libqt5qml5 记录一下
安装teamveaver时报错未安装软件包 libqt5qml5 记录一下 lgyuWT 2020-11-11 00:43:30 540 收藏分类专栏: ubuntu报错记录文章标签: ubu ...
oracle插入时间报错,Oracle 插入时间时报错：ORA-01861: 文字与格式字符串不匹配的解决办法...
一.写sql的方式插入到Oracle中往oracle中插入时间 '2007-12-28 10:07:24' 如果直接按照字符串方式,或者,直接使用to_date('2007-12-28 10:07 ...
Oracle 插入时间时 ,报错：ORA-01861: 文字与格式字符串不匹配
这个错误一般出现在时间字段上,即插入的时间格式和数据库现有的时间格式不一致,如:直接使用to_date('2007-12-28 10:07:24'),没有指定日期格式,会报错 . 解决的方法是格式化插 ...
idea 使用mybatis generator生成代码时报错 The specified target project directory src/main/java/ does not exis
使用Eclipse时一切正常, 切换到idea就报错, 虽然可以用绝对路径, 但是不搞明白总觉得不爽报错的源码 DefaultShellCallback 类 59行, 没理解 new File() ...
linux(debian)下的vim diff时报错E97解决,文件夹对比meld,beyond compare
1:在用vim比对两个文件时,发现报错了.我用的debian stable,vim是aptitude 过来的vim7.2 2:于是跟踪下diff [html] view plaincopy root@ ...
php 使用$_GET获取信息为空时,报错解决方法
PHP中,在使用$_GET.$_SESSION等方法进行获取信息时,若数据为空则会报错,在网上查找办法如 if(isset($_GET['id'])){}else{} 但并没有去掉报错信息. 我的解决 ...

使用表单对象时，报错 form is undefine

使用表单对象时，报错 form is undefine相关推荐

最新文章

热门文章