网页三剑客笔记总结

判断单选框选中：

<pre name="code" class="html">		var type = 0;
		var inputs = document.getElementsByName('choseRows');
		for (var i = 0; i < inputs.length; i++) {
			if (inputs[i].type === 'radio' && inputs[i].checked) {
				type = i;
			}
			
		}
		for(var i=0;i<document.getElementsByName("choseRows").length;i++){ 
			if(document.getElementsByName[0].checked==true){
				type=0;
			} else if(document.getElementsByName[1].checked==true){
				type=1;
			}else if(document.getElementsByName[2].checked==true){
				type=2;
			}
		}
		window.location.href="ca?event=certregistersubmit&type="+type;

网页跳转：

1.在当前标签页打开该页面

<a href="http://www.CSDN.net" title="测试网页">Welcome</a>

等效于js代码

window.location.href="http://www.CSDN.net";     //在当前标签页打开该页面

2.在标签页打开该页面

<a href="http://www.CSDN.net" title="测试网页 target="_blank">Welcome</a>

等效于js代码

window.open("http://www.CSDN.net");                 //在标签页打开该页面

网页定时刷新，调用ajax从后台获取数据，然后绑定到前台的控件中：

	<script type="text/javascript">
		function reloadView(){
			$.ajax({
				url:'${oneway}/index?event=reloadView',
				type:'POST',
			    async:true,    //或false,是否异步
				success:function(result){
					
					//eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
					//在这里是将String转化为数组形式
					var  datas= eval(result);  
					
					var accessCountDiv = document.getElementById("accessCount"); //获取某一个div元素
					accessCountDiv.innerHTML = ""; //将该Div元素的原有内容清空
					var accessCount = datas[0]; //获取数组第一个内容
					for(i=0; i<accessCount.length; i++){ //遍历该数组
						var div = document.createElement("div"); //创建一个div元素
						div.className = "lishi0"; //为该div元素指定class
						var img = document.createElement("img"); //创建一个img元素
						img.className = "lishi3-1";
						img.src = "img/lishi1.png"; //为该img元素指定src属性
						var p = document.createElement("p"); //创建一个p元素
						p.className = "lishi3-2";
						var txt = document.createTextNode(accessCount[i]); //创建一个文本内容
						p.appendChild(txt); //将该文本内容插入到p元素中
						div.appendChild(img); //将img元素插入到div元素中
						div.appendChild(p);
						accessCountDiv.appendChild(div); //将这些元素插入到获取的div元素中
					}
					
				}
			});
		}
		//setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次 
	    //setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 
		setInterval('reloadView()',15000); //每15秒刷新一次页面下边显示的数据
	</script>