function showAreaData(weekId){
var currTR = event.srcElement.parentNode;
if(hasData==true && lastCell == weekId){
for(var s = 1 ; s <= n ; s ++){
currTR.parentNode.removeChild(currTR.nextSibling);
}
hasData = false;
}else{
if(hasData == true && lastCell != weekId){
for(var s = 1 ; s <= n ; s ++){
lastTR.parentNode.removeChild(lastTR.nextSibling);
}
hasData = false;
}
var productType = form.productType.value;
var businessType = form.businessType.value;
var serviceLevel = form.serviceLevel.value;
var customGroup = form.customGroup.value;
var areaId = form.areaNo.value;
//alert(areaId+" "+weekId+" "+productType+" "+businessType+" "+serviceLevel+" "+customGroup);
var xmlhttp = createXHR();
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4){
if(xmlhttp.status == 200){
var responseText = xmlhttp.responseText;
var trs = responseText.split("<tr>");
for(var i = 1 ; i < trs.length; i ++ ){
n = i;
var tr = trs[i].split("</tr>")[0];
//alert(tr);
var tds = tr.split('<td>');
//创建tr
var trNode = document.createElement("<tr id='TR_"+weekId+""+i+"' style='display:block;'></tr>");
for(var j = 1 ; j < tds.length; j ++){
var td = tds[j].split("</td>")[0];
//alert(td);
//创建td并添加到tr
var tdNode = document.createElement("<td align='right'></td>");
tdNode.innerHTML = td;
trNode.appendChild(tdNode);
}
//追加tr
currTR.parentNode.insertBefore(trNode,currTR.nextSibling);
}
}
}
}
var URL = "TotalAnalysisWeek.action?flag=getAreaData&weekId="+weekId+"&productType="+productType
+"&businessType="+businessType+"&serviceLevel="+serviceLevel+"&customGroup="+customGroup
+"&areaId="+areaId;
xmlhttp.open("post",URL,false);
xmlhttp.send(null);
hasData = true;
lastCell = weekId;
}
lastTR = currTR;
}
分享到:
相关推荐
本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...
- 对象:JavaScript中的对象是键值对的集合,可以使用字面量表示法或构造函数创建。了解原型链、原型对象以及对象的属性操作至关重要。 - 数组:数组是特殊的对象,可以存储多个值。掌握数组的方法,如push、pop、...
"前端学习笔记-黑马程序员JS" 本资源主要介绍了 JavaScript 的基本概念和语法,包括变量、数据类型、运算符、流程控制、数组、函数、对象、内置对象等知识点。 变量 在 JavaScript 中,变量可以在三种位置书写:...
- 外部式:创建一个`.js`文件,然后通过`<script src="filename.js"></script>`的方式引入。 3. JavaScript的输入输出语句 JavaScript中常见的输入输出语句包括: - `alert(msg)`:在浏览器中弹出一个警告框,...
### JavaScript基础教程笔记知识点 #### 一、JavaScript简介 - **定义**:JavaScript是一种轻量级的编程语言,主要用于Web浏览器中的网页交互控制。 - **发展历史**:1995年由Netscape公司的Brendan Eich设计并...
JavaScript可以通过DOM API来创建、修改、删除和查找页面元素。例如,`createElement`用于创建新元素,`appendChild`将元素添加到父元素,`innerHTML`可以获取或设置元素的HTML内容,而`addEventListener`用于监听和...
JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心...随着学习的深入,还会接触到更多高级特性和框架,如闭包、原型链、AJAX、jQuery、Vue.js、React.js等,这些都是JavaScript开发者必备的知识技能。
- **创建元素** - `document.createElement()`:创建一个新的元素节点。 - `document.appendChild()`:将一个节点添加到指定父节点的子节点列表的末尾。 - `document.insertBefore()`:在指定的父节点下插入一个...
JavaScript还有许多库和框架,如jQuery简化DOM操作,React.js和Vue.js用于构建用户界面,Node.js则让JavaScript能在服务器端运行。ES6(ECMAScript 6)版本引入了许多新特性,如let和const变量声明、模板字符串、...
笔记会讲解如何监听和触发事件,以及如何通过DOM API来操作网页元素,如添加、删除和修改元素。 最后,笔记可能还会包含一些JavaScript的现代特性,如ES6+的新语法(如箭头函数、解构赋值、模板字符串等)和模块...
笔记中将详细介绍JavaScript的基础语法,变量、数据类型、运算符、流程控制语句。你将学习函数的使用,以及如何操作DOM(Document Object Model)来改变网页内容。JavaScript还涉及事件处理,异步编程如回调函数和...
JavaScript也可以用作服务器端编程,如Node.js平台。ES6(ECMAScript 2015)版本带来了许多新特性,如let和const变量声明、模板字符串、箭头函数、Promise用于异步处理等,使得代码更简洁、易读。 在实际开发中,...
在JavaScript中,对象是通过构造函数或字面量方式创建的。构造函数是一种特殊类型的函数,用于创建和初始化对象实例。例如,创建一个Person类: ```javascript function Person(name, age) { this.name = name; ...
JavaScript有全局作用域和局部作用域,函数内部创建的变量仅在函数内部可见。 八、异步编程 JavaScript的异步编程主要依赖回调函数、Promise和async/await。它们解决了JavaScript的单线程执行模型下避免阻塞UI的...
5. **JavaScript框架与库**:笔记可能提及了流行的JavaScript库如jQuery,以及框架如React、Vue.js、Angular,介绍它们的基本用法和设计理念。 6. **ES6新特性**:ECMAScript 6(简称ES6)引入了许多新特性和语法糖...
初学者可以通过查阅这个CHM文件了解如何选择DOM元素、执行DOM操作、绑定事件、创建动画,以及使用Ajax进行异步通信。jQuery的核心功能包括选择器(用于快速定位DOM元素)、链式操作(让代码更简洁)、插件机制(扩展...
表单元素通常会有一个`name`属性,供服务器获取输入值,而`id`属性则用于JavaScript访问元素。`<input type="submit">`和`<input type="reset">`分别是提交和重置按钮。 HTML与CSS的结合使用可以实现丰富的网页设计...
JavaScript可以运行在浏览器端,也可以在服务器端运行(如Node.js)。 ### 基本语法 1. **使用`<script>`标签嵌入JavaScript代码**: - 内联式:直接在HTML元素中通过`onclick`等事件属性来调用JavaScript函数。 ...
在前端开发领域,Vue.js、CSS和JavaScript是构建现代网页应用不可或缺的技术栈。这份"前端vue ,css ,js ,学习笔记,全部总结"涵盖了这三个重要组成部分的精华内容,旨在为开发者提供一个全面的学习资源。 Vue.js是...
### JavaScript学习笔记知识点详解 #### 第一章:CSS样式表 **1.1 什么是CSS** CSS(Cascading Style Sheets)即层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。它用于定义网页上的布局、颜色、...