参数覆盖了。外面参数进不来了
<html>
<head>
<script type="text/javascript" >
function buildChoose(responseText){
//DIV标签
var content =document.getElementById("choosePanel");
//字符串数组
var columns = responseText.split("#");
//字符串数组第一位是text的id
var textObj = document.getElementById(columns[0]);
//click事件响应方法
var onclickFn = function(index){
return function(){
//alert("type:"+index.type);//此处alert输出内容为：type:click，即对象类型是
click。但是原本传入的是一个数组下标啊？
textObj.value = columns[parseInt(index)];
}
}
//循环创建span标签，然后绑定侦听
for(var i=1;i<columns.length;i++){
var column = document.createElement("span");
column.style.cssText="padding:2px;cursor:pointer;color:#4294EF;";
column.innerText = columns[i];
addEventDf(column,"click",onclickFn(i));//回调方法的参数数组下标。
content.appendChild(column);
}
}
//绑定侦听。
function addEventDf(obj,evt,fn){
if(obj.addEventListener){
obj.addEventListener(evt,fn,false);
}else if(obj.attachEvent){
obj.attachEvent('on'+evt,fn);
}
}
</script>
</head>
<body>
<textArea id="str1" > </textArea>
<div id="choosePanel" ></div>
<button onclick="buildChoose('str1#str2#str3#str4')">你好</button>
</body>
</html>
<html>
<head>
<script type="text/javascript" >
function buildChoose(responseText){
//DIV标签
var content =document.getElementById("choosePanel");
//字符串数组
var columns = responseText.split("#");
//字符串数组第一位是text的id
var textObj = document.getElementById(columns[0]);
//click事件响应方法
var onclickFn = function(index){
return function(){
//alert("type:"+index.type);//此处alert输出内容为：type:click，即对象类型是
click。但是原本传入的是一个数组下标啊？
textObj.value = columns[parseInt(index)];
}
}
//循环创建span标签，然后绑定侦听
for(var i=1;i<columns.length;i++){
var column = document.createElement("span");
column.style.cssText="padding:2px;cursor:pointer;color:#4294EF;";
column.innerText = columns[i];
addEventDf(column,"click",onclickFn(i));//回调方法的参数数组下标。
content.appendChild(column);
}
}
//绑定侦听。
function addEventDf(obj,evt,fn){
if(obj.addEventListener){
obj.addEventListener(evt,fn,false);
}else if(obj.attachEvent){
obj.attachEvent('on'+evt,fn);
}
}
</script>
</head>
<body>
<textArea id="str1" > </textArea>
<div id="choosePanel" ></div>
<button onclick="buildChoose('str1#str2#str3#str4')">你好</button>
</body>
</html>
学习需要安静。。海盗要重新来过。。
