javaScript 利用数组，对象的运用。。。

最新推荐文章于 2026-06-22 16:41:47 发布

原创最新推荐文章于 2026-06-22 16:41:47 发布 · 710 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #object #function #class #null

web 技术专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种在B页面中使用图片触发事件的方法，并详细解释了如何通过JavaScript实现记录状态管理和视觉反馈，包括记录选中状态及颜色变化。

首先B页面创建的时候，当生成记录时，可以再开头放置图片用来点击执行事件：

<td class="busTableIcon"><input type="hidden" name="objectId" value="<%= busListState.getRowBusId() %>"><img src="../../aa.bmp" id="bus<%= rowIndex %>" onClick="clickObject('bus<%= rowIndex %>', '<%= busListState.getRowBusId() %>')" alt=""></td>

.....

</tr>

JS：

var objects;
var businessObjects = new Array();

function Object(id) {
this.name = "ids";
this.value = id;
this.checked = false;
}

其中改变整条记录颜色如下：

function changeOnStyle(objectNo) {
applyStyle(objectNo, "#99FF99");
}

function changeOffStyle(objectNo) {
applyStyle(objectNo, "#FFFFFF");
}

function applyStyle(objectNo, appliedStyle) {
if(document.getElementById){document.getElementById(objectNo).style.backgroundColor=appliedStyle}
}

点击过的记录保存在businessObjects中，下边在提供一个，A页面需要调用B页面的方法

function getSelectedBOs() {
var arrObjs = new Array();

var arrIndex = 0;
for (var bus in businessObjects) {
  if (businessObjects[bus].checked) {
   arrObjs[arrIndex] = businessObjects[bus];
   arrIndex++;
  }
}

return arrObjs;
}

从中可以看到javaScript中

改变objects实际上是在修改businessObjects, 还可以这样用for (var bus in businessObjects) {

javaScript基础不好的同志们可以找本书看看，对于页面开发很有帮助的。