`
wfdoublext
  • 浏览: 129916 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

js -- childNodes

J# 
阅读更多
<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
分享到:
评论

相关推荐

    前端项目-videojs-thumbnails.zip

    3. 配置:在JavaScript中,你需要创建一个video.js播放器实例,并配置`videojs-thumbnails`插件。例如: ```javascript var player = videojs('myPlayer', { controls: true, techOrder: ['html5'], sources: [{ ...

    Javascript-DOM编程艺术研究.docx

    - 节点可以通过属性(如`parentNode`, `childNodes`, `firstChild`, `lastChild`, `nextSibling`, `previousSibling`等)来遍历和操作。 2. **DOM方法**: - **getElementById()**: 这个方法通过指定的ID值找到...

    js-xml.rar_javascript_javascript xml_js xml_js解析xml_xml js

    "js-xml.rar"这个压缩包文件显然是关于使用JavaScript处理XML的教程或示例集合。下面将详细探讨JavaScript解析XML的相关知识点。 1. DOM解析XML: 在JavaScript中,XML文档可以通过DOM(Document Object Model)...

    JavaScript-DOM实战案例

    - **遍历DOM树**:了解`childNodes`、`children`、`parentElement`等属性,遍历和操作DOM树。 - **异步加载**:学习如何使用`fetch`或`XMLHttpRequest`进行异步数据请求,并动态更新页面内容。 - **性能优化**:理解...

    returning-DOM-elements-javascript-源码.rar

    7. **遍历DOM树**:`childNodes`属性提供了一个节点列表,包括元素、文本节点和注释等。`children`属性则只包含元素节点。可以通过迭代这些属性来遍历DOM树。 8. **属性操作**:`getAttribute`和`setAttribute`用于...

    js-Dom.zip

    在这个名为“js-Dom”的压缩包中,我们很可能会找到关于JavaScript操作DOM的相关示例和教程。DOM是W3C标准的一部分,它将网页结构表示为一个树形结构,每个节点代表页面上的一个元素、属性或文本。 在JavaScript中...

    JavaScript-DOM.rar_javascript

    - `childNodes`属性返回一个NodeList,包含了所有子节点。 - `firstChild`和`lastChild`分别指向第一个和最后一个子节点。 - `nextSibling`和`previousSibling`用于获取当前节点的下一个或上一个兄弟节点。 - `...

    Javascript--DOM.rar_javascript

    1. `childNodes`: 获取元素的所有子节点。 2. `firstChild`和`lastChild`: 访问第一个和最后一个子节点。 3. `nextSibling`和`previousSibling`: 访问当前节点的下一个和上一个兄弟节点。 4. `parentNode`: 访问父...

    《javascript-DOM编程艺术》原书代码

    6. **遍历DOM**:`childNodes`和`children`属性提供子节点列表,`parentNode`指向父节点。`nextSibling`和`previousSibling`则用于查找相邻的兄弟节点。 7. **动画和定时器**:`setTimeout`和`setInterval`可用于...

    javaScript-DOM用法和示例

    6. **遍历和修改DOM**:可以使用`childNodes`、`parentNode`、`nextSibling`、`previousSibling`等属性遍历DOM树,使用`innerHTML`、`innerText`等属性修改元素内容,使用`appendChild()`、`removeChild()`、`...

    javascript-978-1-8388-2571-3:JavaScript DOM - 创建动态交互式网页 [视频]

    5. **DOM遍历**:通过`parentNode`、`childNodes`、`nextSibling`、`previousSibling`等属性遍历DOM树。 6. **CSS选择器**:在JavaScript中,可以使用CSS选择器选取元素,这在使用`querySelector`和`...

    js-challage-bootcamp

    【标题】"js-challage-bootcamp"是一个与JavaScript相关的学习资源,可能是一个在线编程训练营或课程项目,旨在帮助用户提升JavaScript技能。这个压缩包文件可能是课程的代码示例、练习题或项目素材。 【描述】由于...

    使用 childNodes 和 rows,cells 操作表格列着色源代码

    本文包含两个源代码:使用 childNodes 操作表格列着色、使用 rows,cells 操作表格列着色。两种着色方式有什么区别?具体分析请参阅作者博客:http://blog.csdn.net/defonds/archive/2010/07/17/5741214.aspx。

    Javascript-dom-manipulation

    - `parentNode`, `childNodes`, `firstChild`, `lastChild`: 用于遍历和操作DOM树的属性。 - `nextSibling`, `previousSibling`: 查找相邻的兄弟元素。 7. **动画和定时器** - `setTimeout`, `setInterval`: ...

    My2JavaScript-DOM-Tutorial

    JavaScript DOM(文档对象模型)教程 在Web开发中,JavaScript是一种不可或缺的语言,它赋予了网页动态性和交互性。DOM,即文档对象模型,是HTML和XML文档的一种编程接口,允许我们通过JavaScript操作网页的结构、...

    JS中用childNodes获取子元素换行会产生一个子元素

    总结一下,当我们在JavaScript中使用`childNodes`来获取一个元素的子节点时,需要注意以下几点: - `childNodes`返回的是包括所有类型节点在内的一个实时的节点列表,包括元素节点、文本节点和注释节点。 - 元素之间...

    goit-js-hw-07:DOM。 JS第七作业

    JS第七作业" 是一个JavaScript学习项目,主要关注DOM(文档对象模型)的操作。DOM是HTML和XML文档的编程接口,它允许开发人员通过JavaScript或其他兼容的语言来动态更新、添加和删除页面元素。在这个作业中,学生将...

Global site tag (gtag.js) - Google Analytics