util.js⽂件介绍
Util.js⽂件
Util.js⽂件包含了⼀些⼯具函数,来帮助⼈们使⽤JavaScript数据(例如从服务器返回的数据)来更新Web页⾯。可以再DWR框架以外使⽤它,因为它不依赖于DWR的其他部分,并可以下载整个DWR框架或者单独下载。
Util.js⽂件包含了下⾯⼏个基本函数,分别为getValue[s](), setValue[s](), getText(), addRows(), removeAllRows(). addoptions()和removeAllOptions()。其
中getValues[s]()函数可以操作⼤部分HTML页⾯元素(除了table, list和image); getText()函数可以操作select list, 要修改table可以⽤addRows()和removeAllRows()函数;要修改列表(select列表和ul、ol列表)可以⽤addOptions()和removeAllOptions()函数。Util.js⽂件中其他函数如下表:
函数名称说明
$()它是合法的JavaScript名字,是从Protoype库“偷”来的。从⼤略上
讲,$=ElementById。因为在Ajax程序中,会需要些很多这样的语句,所以使⽤$()函数会
更简洁。通过制定的ID来查当前HTML⽂档中的元素,如果传递给它多个参数,它会返回到的元素的数组。所有⾮String类型的参数会被原封不动地返回。这个函数的灵感来⾃于Protoype库,但是它可以在更多的浏览器上运⾏。
addoptions(selected , array)会创建⼀堆<option>, 每个<option>的⽂字和值都是数组元素中的值
addRows(id, array, cellfuncs, [options])它会向名为ID的表格添加表格⾏。每个array数组的元素将被创建⼀个
⾏。Cellfuncs函数为array中每个元素内的字段(列)处理单元格,并根
据cellfunc函数对字段的处理⽅法,遍历array数据元素内的各个字段⽽创建
getText(id)和getValue(id)函数很相似,除了它是为<select>列表设计的。可能需要取得显⽰的⽂字,⽽不是当前选项的值
getValue(id)是setValue()函数的对应的“读版本”。它可以从HTML页⾯元素中取出其中的值,⽽不⽤管这个元素是<select>列表还是⼀个<div>;这个函数能操作⼤多数HTML页⾯元素,包括<select>(去除当前选项的值,⽽不是⽂字)、 <input>元素(包
括<textarea>)、<div>和<span>
getValues()和getValue()函数⾮常相似,除了输⼊的是包含name/value对的JavaScript对
象。name是HTML页⾯元素的id, value会被更改为这些id对象元素的内容。这个函数不会返回对象,它只更改传递给它的值
javascript说明setValue(id, value)根据第⼀个参数中指定的id到相应元素,并根据第⼆个参数改变其中的值。这个函数能操作⼤多数HTML页⾯元素,包括<select>(去除当前选项的值⽽不是⽂字)、<input>元素(包括<textarea>)、<div>和<span>.
setValues()和setValue()函数⾮常相似,除了输⼊的是包含name/value对
的JavaScript对象。name是HTML页⾯元素的id, value是想要设置给相应的元素的值
toDescriptiveString()⽐默认的toString()函数更好。第⼀个参数是要调试的对象,第⼆个参数是可选的,⽤来指定内容深⼊的层次,其中,0表⽰单⾏调试;1表⽰多⾏调试,但不深⼊到⼦对象;2表⽰多⾏调试,深⼊到第⼆层⼦对象,依此类推。⼀般调试到第⼆级是最佳的。还有第三个参数,⽤于定义初始缩进。这个函数不应该被⽤于调试程序之外,因为以后可能会有变化
转⾃图书《Ajax+Jsp⽹站开发从⼊门到精通》
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论