-
表单文本框处理和过滤输入
一.文本框脚本：在HTML中，有两种方式来表现文本框：一种是单行文本框<input type="text">，一种是多行文本框<textarea>。虽然<input>在字面上有value值，而<textarea>却没有，但都可以通过value获取他们的值。使用表单的value是最推荐使用的，它是HTML DOM中的属性，不建议使用标准DOM的方法。也就是说不要使用getAttribute()获取value值，因为对value属性的修改，不一定会反映在DOM中。除了value值，还有一个属性对应的是defaultValue，可以得到原本的va...
2016-12-16 -
表单选择框脚本
选择框(下拉、单选和复选)除了通用的一些属性和方法外，HTMLSelectElement类型还提供了如下的属性和方法：add(new,rel)：插入新元素，并指定位置 multiple：布尔值，是否允许多项选择 options：<option>元素的HTMLColletion集合 remove(index)：移除给定位置的选项 selectedIndex：基于0的选中项的索引，如果没有选中项，则值为-1，如果是多项选择，他始终返回的是第一个项 size：选择框中可见的行数 在DOM中，每个<option>元素都有一个HTMLOptionElement对象，以便访问...
2016-12-16 -
表单属性方法以及提交重置表单
在HTML中，表单是由元素来表示的，而在JavaScript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement，因此它拥有HTML元素具有的默认属性，并且还独有自己的属性和方法：HTMLFormElement属性和方法 属性或方法 说明 获取表单对象的方法有很多种，如下： document.getElementById('myForm'); //使用ID获取元素 document.getElementsByTagName('form')[0]; //使用获取第一个元素方式获取 document.forms[0]; //使用...
2016-12-16 -
表单字段(控件)选择和共有属性方法及事件
表单字段(控件)选择如果想访问表单元素，可以使用之前章节讲到的DOM方法访问。但使用原生的DOM访问虽然比较通用，但不是很便利。表单处理中，我们建议使用HTML DOM，它有自己的elements属性，该属性是表单中所有元素的集合。fm.elements[0]; //获取第一个表单字段元素 fm.elements['user']; //获取name是user的表单字段元素 fm.elements.length; //获取所有表单字段的数量 如果多个表单字段都使用同一个name，那么就会返回该name的NodeList表单列表。 我们是通过fm.elements[0]来...
2016-12-16 -
javascript中的事件绑定和常用事件处理
一.W3C事件绑定处理函数“DOM2级事件”定义了两个方法，用于添加事件和删除事件处理程序的操作：addEventListener()和removeEventListener()。所有DOM节点中都包含这两个方法，并且它们都接受3个参数;事件名、函数、冒泡或捕获的布尔值(true表示捕获，false表示冒泡)。window.addEventListener('load', function () {alert('Lee');}, false); W3C的现代事件绑定比我们自定义的好处就是：1.不需要自定义了;2.可以屏蔽相同的函数;3.可以设置冒泡...
2016-12-16