前端笔记：form的name属性

今天写一小段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在这方面真的是让人很是无语。