1. 爱易网页
  2. JavaSript
  3. A标签中的onclick事件无法触发，求大神们看看有关问题给以解决(急)

A标签中的onclick事件无法触发，求大神们看看有关问题给以解决(急)

日期：2014-05-16　 浏览次数：20461 次

A标签中的onclick事件无法触发，求大神们看看问题给以解决(急急急急)
先贴自己的代码
servlet中的部分代码：
sb.append("<center>");
sb.append("<h2>数据中心</h2>");
sb.append("<table border='1' cellpadding='2' cellspacing='0'>");
for (int i = 0; i < list.size(); i++) {
sb.append("<tr>");
boards=list.get(i);
sb.append("<td>");
sb.append("<a href=\"javascript:void(0)\"  onclick=\"checkId('"+boards.getS_id()+"')\" >");
sb.append(boards.getS_id());
sb.append("</a>");
sb.append("</td>");
sb.append("<td>"+boards.getS_name()+"</td>"); 
sb.append("<td>"+boards.getS_contents()+"</td>");
sb.append("<td>"+boards.getS_date()+"</td>");
sb.append("</tr>");
}
sb.append("</table>");
sb.append("</center>");
System.out.println("出servletSelect");
out.write(sb.toString());

jsp中部分ajax：
function checkId(sid){

 if (window.XMLHttpRequest) {  
            xmlhttp = new XMLHttpRequest();  
        } else if (window.ActiveXObject) {
            xmlhttp = new ActiveXObject("Microsoft.xmlhttp");  
        }  
        if (xmlhttp != null && sid !=null) {
         var url="boardsServletUpdateById?sid="+sid;
         alert("sid="+sid);
            xmlhttp.open("GET", url, true); 
            alert("url="+url);
            xmlhttp.send(null);  
        } else {  
            alert("Your browser does not support xmlhttp");  
        }  
}


自己设计了一个a href标签   希望在点击的时候触发checkID事件从而把id给传过去··但是现在点击一直是无法触发的···是在firefox下进行测试的···求各位大神给看看
------解决方案--------------------
普通输出下 sb.append("<a href=\"javascript:void(0)\"  onclick=\"checkId('"+boards.getS_id()+"')\" >");这个看看。。 
------解决方案--------------------
动态创建的标签，要用到JQ的.live()方法或原生JS的冒泡。
<html>

	<head>

		<meta charset="utf-8"/>

		<title>动态创建标签</title>

	</head>

	<body>

		<div id="ddd">

			1111

		</div>

		<script>

		function cre(){

			var d = document.getElementById('ddd');

			var newNode = document.createElement("div");

			newNode.innerHTML = "<a href='###' id='a'>这是一个连接</a>";

			d.appendChild(newNode); 

		}

		cre();//创建

		//原生方法调用

		var d = document.getElementById('ddd');

		d.getElementsByTagName("a")[0].onclick=function(){

			alert("原生方法")

			return false;

		}

		</script>

		<script src="jq.js"></script>

		<

相关资料更多>

  1. JS焦点图论坛代码如何修改
  2. 注册时用空格有关问题
  3. javascript课程收集
  4. js下marginLeft的有关问题
  5. 系统在ie8上无有关问题,到ie9上出现输入框无法点击,下拉框需要多选几次等有关问题
  6. JavaScript 性能优化之 for 话语
  7. ExtDesigner顶用jsonstore给girdpanel绑定数据
  8. 像百度贴吧的这种网页效果是如何做出来的？（垂直往下滚动，网页头部出现一个横条）
  9. js中作用域链的有关问题