<script lanager="javascript">
/**
* 设置checkBox选择状态
*/
function checkAll(checked,selName){
var selOper = document.getElementsByName(selName);
var len = selOper.length;
for(var i=0; i<len;i++)
{
if(checked==true)
{
selOper[i].checked = true;
}else{
selOper[i].checked = false;
}
}
}
function insertTabRow(){
var tab=document.getElementById("ctrltab");
var tbody=tab.tBodies.item(0);
var rowsLen = tbody.rows.length;
if(rowsLen>0){
for(var i=rowsLen-1;i>=0;i--){
tbody.deleteRow(i);//删除行
}
}
var trobjTitle=tbody.insertRow(tbody.rows.length);
trobjTitle.className="";
var oTCellT=trobjTitle.insertCell(0);
oTCellT.innerHTML="<input type=checkbox name='chkAll' onClick=checkAll(this.checked,'chkIds') checked class='radio'>";
var trobj=tbody.insertRow(tbody.rows.length);
var oTCell=trobj.insertCell(0);
oTCell.className = "";
oTCell.innerHTML="<input type=checkbox name='chkIds' value='001' checked class='radio'>";
}
function doSearch(){
DataManager.getCtrlFiles(sbrq,bwlx,callbackMethod)
}
function callbackMethod(data){
var tab=document.getElementById("ctrltab");
var tbody=tab.tBodies.item(0);
var rowsLen = tbody.rows.length;
if(rowsLen>0){
for(var i=rowsLen-1;i>=0;i--){
tbody.deleteRow(i);
}
}
var trobjTitle=tbody.insertRow(tbody.rows.length);
trobjTitle.className="ListTdSeq";
var oTCellT=trobjTitle.insertCell(0);
oTCellT.innerHTML="<lable>全选</lable><input type=checkbox name='chkAll' onClick=checkAll(this.checked,'chkIds') checked class='radio'>";
oTCellT=trobjTitle.insertCell(1);
oTCellT.innerHTML="名称";
oTCellT=trobjTitle.insertCell(2);
oTCellT.innerHTML="类型";
var k=1;
if(data!=''){
for(var property in data){
if(data[property].wjbs!=null && data[property].apptype!='')
{
var wjbs = data[property].wjbs;
var apptype = data[property].apptype;
var trobj=tbody.insertRow(tbody.rows.length);
if(k%2){
trobj.className="ListTrJi";
}else{
trobj.className="ListTrOu";
}
var oTCell=trobj.insertCell(0);
oTCell.className = "ListTdSeq";
oTCell.innerHTML="<input type=checkbox name='chkIds' value='"+wjbs+"' checked class='radio'>";
oTCell=trobj.insertCell(1);
oTCell.innerHTML="<img src='/BankCapitalWeb/includes/images/folder.gif' border='0' align='AbsBottom'> <lable name='wjbs'>"+wjbs+"</lable>";
oTCell=trobj.insertCell(2);
oTCell.innerHTML="<lable name='apptype'>"+apptype+"</lable>";
}
k++;
}
}else if(data==''){
var trobj=tbody.insertRow(tbody.rows.length);
trobj.className="NoResultTr";
var oTCell=trobj.insertCell(0);
oTCell.className = "NoResultTd";
oTCell.colSpan = "3";
oTCell.innerHTML="<bean:message key='prompt.noresult'/>";
}
}
</script>
<body>
<table id="ctrltab" border=0 cellspacing=1 cellpadding=2 width="80%">
</body>
分享到：
相关推荐
### JavaScript中的innerHTML与innerText的用法与区别 在前端开发中，经常需要用到JavaScript来操作DOM元素，其中`innerHTML`和`innerText`是非常重要的属性，它们分别用于获取或设置元素内部的HTML内容和纯文本...
### innerHtml用法精解 #### 一、InnerHtml简介及基本用法 `innerHTML`是HTML DOM（Document Object Model）的一个属性，用于获取或设置某个元素内的HTML内容。使用`innerHTML`，开发者可以直接操作HTML内容，从而...
JavaScript 是一种广泛使用的脚本语言，它赋予网页以动态交互性，而 innerHTML 属性是 JavaScript 中非常重要的一个属性，用于获取或修改指定元素的 HTML 内容。这个属性被广泛用于动态地更新网页上的内容。 首先，...
1. **innerHTML的基本用法**：如何通过`innerHTML`读取和修改元素的内容。例如，`element.innerHTML`返回元素的HTML，而`element.innerHTML = someHTMLString`则将元素内容替换为指定的HTML字符串。 2. **性能影响*...
我们可以编写 JavaScript 函数来演示这些属性的用法： ```javascript function showInnerHTML() { const div = document.getElementById('test'); alert(div.innerHTML); } function showInnerText() { const ...
JavaScript，简称JS，是网页开发中不可或缺的一部分，主要用于实现页面的动态效果和交互性。这里我们来详细探讨一下"页面常用的JS脚本"这一主题，以及如何利用它们提升用户体验。 1. **DOM操作**：JavaScript通过...
总的来说，`innerText` 和 `innerHTML` 是JavaScript中处理元素内容的两个关键属性，它们各有优势，适用于不同的场景。`innerText` 更侧重于纯文本操作，而 `innerHTML` 则允许复杂的HTML结构操作。理解并恰当使用这...
在JavaScript中，`document.all`属性是Internet Explorer的专有特性，它允许脚本访问文档中的所有元素。这个属性返回一个对象集合，包含了文档中所有的HTML标签，这为开发者提供了强大的DOM操作能力。 ### `...
JavaScript，也被称为JS，是一种广泛应用于网页和网络应用的脚本语言，主要在客户端运行，为用户提供动态交互体验。作为Web开发三大核心技术之一（HTML、CSS、JavaScript），它的重要性不言而喻。以下是对JavaScript...
在本实践项目“JS初级练习之音乐播放页面”中，我们将深入探讨JavaScript这一重要的Web开发语言，特别是关于页面交互和动态功能实现的部分。这个练习旨在帮助初学者更好地掌握JavaScript的基本语法和函数用法，以便...
这可以通过JavaScript的`innerHTML`属性或`document.querySelector()`方法来实现。例如，如果你有一个ID为`mySVG`的SVG元素，可以这样获取其内容： ```javascript const svgElement = document.getElementById('...
此外，AJAX（Asynchronous JavaScript and XML）技术是JavaScript实现异步数据交换的重要手段，它使得网页可以在不刷新整个页面的情况下与服务器通信。`XMLHttpRequest`对象是实现AJAX的核心，现代浏览器还提供了更...
3. **AJAX异步通信**：Asynchronous JavaScript and XML，实际使用中不仅限于XML，而是用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。`XMLHttpRequest`对象是实现AJAX的基础，现在更常用`fetch`...
`document`对象是JavaScript与HTML交互的基础，熟练掌握其用法对于前端开发至关重要。 通过不断实践和学习，你可以利用这些知识来构建动态、交互丰富的网页应用。从初学者到高手，这个过程虽然充满挑战，但每一步的...
#### 二、JavaScript用法 1. **HTML中的JavaScript代码**：必须放在`<script>`标签内。可以放置在HTML文档的`<head>`或`<body>`部分。 ```html alert("Hello JavaScript"); ``` 2. **`<body>`中的...
### HTML-CSS-JS教程用法说明 在现代网页开发领域中，HTML、CSS与JavaScript是构建网页不可或缺的三大核心技术。HTML（HyperText Markup Language）用于定义网页结构；CSS（Cascading Style Sheets）用于控制网页...
它的核心是利用JavaScript与服务器进行异步数据交换，通过XML或者JSON等格式传输数据，提升了用户体验，使得网页交互更加流畅。 ### 1. Ajax 基本原理 Ajax 的工作流程主要包括以下几个步骤： 1. **创建 ...
- `location.pathname`：获取当前页面路径。 - `location.port`：获取端口号。 - `location.protocol`：获取协议类型。 - `location.href`：获取完整的 URL。 - `location.assign()`：加载新的文档。 - **...
它将文档结构转换成一个树形结构，使得我们可以通过JavaScript代码来访问和修改页面元素。DOM允许开发者添加、删除或修改页面上的元素，从而实现动态交互效果。 DOM的核心概念包括： 1. **节点**：在DOM中，每个...