今天写一小段js,一不小心踩到了天坑。
先说说怎么回事吧,要通过post请求一个新的页面,做一个分页按钮。怎么弄了?一个看不见的表单,然后按钮的onclick属性,执行下一页的函数。
js是这么写的:
var nextPage = function(){
var form = document.forms["nextPage"];
document.forms["nextPage"]["page"].value = 2;
form.submit();
}
表单这么写的:
<form name="nextPage" style="display: none" action="/personshow/query_person">
<input type="text" name="page"/>
</form>
发现问题所在了吗?
对了!nextPage的是函数名同时又是表单名,然后触发onclick的时候就报错:
typeError: nextPage not a function
原来每一个表单会创建一个window下的同名全局变量,所以在控制台上输入nextPage得到的是form的dom节点,真的是太无语,以前完全没有注意到这个问题,从我取表单的js就能看出。想起之前遇到name这个window下神坑属性也是纠结了好久没搞明白为啥不管我怎么赋值都会变成String型。
js在这方面真的是让人很是无语。