<script> var curpage = <%=index%>;//今のページ var total = <%=pgCount%>;//ページ数 function Reload(index) { var nurl = 'ImageListByStore.aspx?pgidx='+index var url = window.location.href; var arr1 = url.split('?'); if(arr1.length > 1) { var arr2 = arr1[1].split('&'); for(var i = 1; i < arr2.length; i++) { nurl += '&'+arr2[i]; } } window.location.replace(nurl); } function PageBack() { if(document.getElementById('lblPage1').innerText > 5) { if(curpage!=0) { document.getElementById('lblPage'+(curpage%5==0?5:curpage%5)).style.fontWeight='normal'; document.getElementById('lblPage1'+(curpage%5==0?5:curpage%5)).style.fontWeight='normal'; } for(var i = 1; i < 6; i++) { document.getElementById('lblPage'+i).innerText -= 5; document.getElementById('lblPage'+i).style.visibility = 'visible'; document.getElementById('lblPage1'+i).innerText -= 5; document.getElementById('lblPage1'+i).style.visibility = 'visible'; if(document.getElementById('lblPage'+i).innerText == curpage) { document.getElementById('lblPage'+i).style.fontWeight = 'bolder'; document.getElementById('lblPage1'+i).style.fontWeight = 'bolder'; } } } } function ShowImgDetails(control) { var url = control.src.replace('Temp','Details'); var id = url.split('?')[1].split('=')[1]; ImageListByStore.UpdateReadNum(id); var height = 642; if(window.navigator.appVersion.substring(22,25) != 6.0) { height = 685; } window.open(url,'','height=' + height + ',width=598,top=20,left=200,toolbar=no,menubar=yes,location=no,resizable=no,status=no,scrollbars=no'); } function PageNext() { if(curpage!=0) { document.getElementById('lblPage'+(curpage%5==0?5:curpage%5)).style.fontWeight='normal'; document.getElementById('lblPage1'+(curpage%5==0?5:curpage%5)).style.fontWeight='normal'; } if((document.getElementById('lblPage1').innerText/5+1 <= total/5)) { for(var i = 1; i < 6; i++) { document.getElementById('lblPage'+i).innerText = +document.getElementById('lblPage'+i).innerText + 5; document.getElementById('lblPage1'+i).innerText = +document.getElementById('lblPage1'+i).innerText + 5; if(+document.getElementById('lblPage1').innerText+i > total+1) { document.getElementById('lblPage'+i).style.visibility = "hidden"; document.getElementById('lblPage1'+i).style.visibility = "hidden"; } } } for(var i = 1; i < 6; i++) { if(document.getElementById('lblPage'+i).innerText == curpage) { document.getElementById('lblPage'+i).style.fontWeight = 'bolder'; document.getElementById('lblPage1'+i).style.fontWeight = 'bolder'; } } } function PageTurn(column,op) { var arru = window.location.href.split('?'); var arrp = arru[1].split('&'); var stocd = document.getElementById('tbShow').rows[column-1].cells[0].childNodes[0].innerText; stocd = stocd==0?-1:stocd; var tb = document.getElementById('tbShow').rows[column].cells[0]; var txt = tb.childNodes[0].innerText; var arr = txt.split('件中'); var count = arr[0]; var base = arr[1].split('~')[0]; var lst; if((op == 0&&base - 5 > 0) ||(op == 1 && +base + 5 <= count)) { var start = 0; var end = 0; if(op == 1) { if(+base + 9 < count) { start = +base+5; end = +base + 9; } else if(+base + 9 >= count) { start = +base+5; end = count; } lst = ImageListByStore.GetInfoByStore(+base+5,unescape(arrp[5].split('=')[1]),stocd,arrp[3].split('=')[1],arrp[4].split('=')[1],arrp[1].split('=')[1],unescape(arrp[6].split('=')[1])).value; } else { if(base - 5 > 0) { start = base - 5; end = base - 1; } lst = ImageListByStore.GetInfoByStore(base-5,unescape(arrp[5].split('=')[1]),stocd,arrp[3].split('=')[1],arrp[4].split('=')[1],arrp[1].split('=')[1],unescape(arrp[6].split('=')[1])).value; } tb.childNodes[0].innerText = count + '件中' + start + '~' + end + '件'; var tbl = document.getElementById('tbShow').rows[column-1]; for(var i = 0; i < 5;i++) { if(i < lst.length/4) { for(var j = 0; j < tbl.cells[i+1].childNodes.length;j++) { if(tbl.cells[i+1].childNodes[j].style != null) { tbl.cells[i+1].childNodes[j].style.display = ''; } } tbl.cells[i+1].childNodes[0].value = start + i; tbl.cells[i+1].childNodes[2].childNodes[0].src = 'ImageTemp.aspx?imgid='+lst[4*i]; tbl.cells[i+1].childNodes[4].value = lst[4*i+1]; tbl.cells[i+1].childNodes[6].value = lst[4*i+2]; tbl.cells[i+1].childNodes[8].value = lst[4*i+3]; } else { for(var j = 0; j < tbl.cells[i+1].childNodes.length;j++) { if(tbl.cells[i+1].childNodes[j].style != null) { tbl.cells[i+1].childNodes[j].style.display = 'none'; } } } } } } function OnSelectedChange() { var rad = document.getElementsByName('radlType'); for(var i = 1; i < 4; i++) { if(rad[i].checked && i != 2) { var arr = new Array(); arr[0] = 'Time'; arr[1] = 'Store'; arr[2] = 'Item'; var ourl = window.location.href; var arru = ourl.split('?')[1].split('&'); var nurl = 'ImageListByTime.aspx?pgidx=1'; for(var j = 1; j < arru.length; j++) { nurl += '&' + arru[j]; } var url = nurl.replace('Time',arr[i-1]); window.location.replace(url); break; } } } </script>
- js.rar (8.7 KB)
- 下载次数: 8
发表评论
-
转载:jquery webservice 跨域
2013-01-28 16:06 1295现在的JQuery中$.ajax方法支持跨域读取json数 ... -
变更地址栏参数
2011-09-14 10:06 826<html> <head ... -
仿google 日历
2011-08-24 23:10 908仿google 日历仿google 日历仿google 日历仿 ... -
Jquery fullcalendar 官方中文文档
2011-08-22 08:47 25211. 使用方式, 引入相关js, css后, $(‘#div_ ... -
js webservice
2011-05-12 08:50 11131. 创建webservice,为了免于落俗我稍稍修改了 ... -
光标位置函数
2010-12-16 12:44 819function getCursortPosi ... -
select元素javascript常用操作
2010-12-14 09:32 659东西很简单,只是自己记性不好,经常忘记一些关键字 所以发 ... -
cookie
2010-09-17 09:06 705function SetCookie(CookieNa ... -
webservice and js
2010-06-24 09:17 849jQuery调用WebService网上的介 ... -
js 类的实现 转载
2010-05-14 10:43 795JavaScript本身并不是设计成面向对象的,所以没 ... -
jsxiaoguo
2009-05-14 10:52 741jsxiaoguo -
窗体大小
2009-05-12 09:39 907网页可见区域宽:document.body.clientWid ... -
闭包小例
2009-02-05 08:53 756//A是一个普通的函数 ... -
js other event target
2008-11-20 14:41 1160解耦导航模式 function Onclick(evt) ... -
用 javascript 处理 JSON
2008-11-19 14:33 1312用 javascript 处理 JSON 关键字: json ... -
js 倒计时
2008-11-13 09:28 994<!doctype html public " ... -
Javascript中最常用的55个经典技巧
2008-09-27 17:47 8911. oncontextmenu="window.e ... -
js xml
2008-09-17 10:53 1225loadXML = function(xmlFile) ... -
正则表达式
2008-09-12 09:04 833数:44] //校验是否全由数字组成 function ... -
js 函数
2008-09-11 13:12 8241.document.write(""); ...
相关推荐
3. 配置:在JavaScript中,你需要创建一个video.js播放器实例,并配置`videojs-thumbnails`插件。例如: ```javascript var player = videojs('myPlayer', { controls: true, techOrder: ['html5'], sources: [{ ...
- 节点可以通过属性(如`parentNode`, `childNodes`, `firstChild`, `lastChild`, `nextSibling`, `previousSibling`等)来遍历和操作。 2. **DOM方法**: - **getElementById()**: 这个方法通过指定的ID值找到...
"js-xml.rar"这个压缩包文件显然是关于使用JavaScript处理XML的教程或示例集合。下面将详细探讨JavaScript解析XML的相关知识点。 1. DOM解析XML: 在JavaScript中,XML文档可以通过DOM(Document Object Model)...
- **遍历DOM树**:了解`childNodes`、`children`、`parentElement`等属性,遍历和操作DOM树。 - **异步加载**:学习如何使用`fetch`或`XMLHttpRequest`进行异步数据请求,并动态更新页面内容。 - **性能优化**:理解...
7. **遍历DOM树**:`childNodes`属性提供了一个节点列表,包括元素、文本节点和注释等。`children`属性则只包含元素节点。可以通过迭代这些属性来遍历DOM树。 8. **属性操作**:`getAttribute`和`setAttribute`用于...
在这个名为“js-Dom”的压缩包中,我们很可能会找到关于JavaScript操作DOM的相关示例和教程。DOM是W3C标准的一部分,它将网页结构表示为一个树形结构,每个节点代表页面上的一个元素、属性或文本。 在JavaScript中...
- `childNodes`属性返回一个NodeList,包含了所有子节点。 - `firstChild`和`lastChild`分别指向第一个和最后一个子节点。 - `nextSibling`和`previousSibling`用于获取当前节点的下一个或上一个兄弟节点。 - `...
1. `childNodes`: 获取元素的所有子节点。 2. `firstChild`和`lastChild`: 访问第一个和最后一个子节点。 3. `nextSibling`和`previousSibling`: 访问当前节点的下一个和上一个兄弟节点。 4. `parentNode`: 访问父...
6. **遍历DOM**:`childNodes`和`children`属性提供子节点列表,`parentNode`指向父节点。`nextSibling`和`previousSibling`则用于查找相邻的兄弟节点。 7. **动画和定时器**:`setTimeout`和`setInterval`可用于...
6. **遍历和修改DOM**:可以使用`childNodes`、`parentNode`、`nextSibling`、`previousSibling`等属性遍历DOM树,使用`innerHTML`、`innerText`等属性修改元素内容,使用`appendChild()`、`removeChild()`、`...
5. **DOM遍历**:通过`parentNode`、`childNodes`、`nextSibling`、`previousSibling`等属性遍历DOM树。 6. **CSS选择器**:在JavaScript中,可以使用CSS选择器选取元素,这在使用`querySelector`和`...
JS使用parentNode和childNodes实现简单的商品表格计价
【标题】"js-challage-bootcamp"是一个与JavaScript相关的学习资源,可能是一个在线编程训练营或课程项目,旨在帮助用户提升JavaScript技能。这个压缩包文件可能是课程的代码示例、练习题或项目素材。 【描述】由于...
本文包含两个源代码:使用 childNodes 操作表格列着色、使用 rows,cells 操作表格列着色。两种着色方式有什么区别?具体分析请参阅作者博客:http://blog.csdn.net/defonds/archive/2010/07/17/5741214.aspx。
- `parentNode`, `childNodes`, `firstChild`, `lastChild`: 用于遍历和操作DOM树的属性。 - `nextSibling`, `previousSibling`: 查找相邻的兄弟元素。 7. **动画和定时器** - `setTimeout`, `setInterval`: ...
JavaScript DOM(文档对象模型)教程 在Web开发中,JavaScript是一种不可或缺的语言,它赋予了网页动态性和交互性。DOM,即文档对象模型,是HTML和XML文档的一种编程接口,允许我们通过JavaScript操作网页的结构、...
总结一下,当我们在JavaScript中使用`childNodes`来获取一个元素的子节点时,需要注意以下几点: - `childNodes`返回的是包括所有类型节点在内的一个实时的节点列表,包括元素节点、文本节点和注释节点。 - 元素之间...