Question

js 动态绑定函数 参数是变量

我不想再html用嵌入js。
我的想法是在js中绑定一个onclick方法，但是比如传参，参数是一个变量。
这个变量如何传？如何得到？
我知道在html中写onclick="add(pre)"就可以，但我不想这样做。
代码如下？如何修改？

window.onload = function(){
document.getElementById("addp").onclick=add;

}

function add(type){
location.href="add.jsp?ftype="+type;
}

Answer 1

add方法里不加形参，要传什么值，直接通过this获取
比如你点击的是一个文本框，要传递文本框里的值，
function add() {
alert(this.value);
}
这样来就行了
如果不是标签某个属性值(value就是一个属性)，那你可以在add里面嵌套一个方法调用，那个方法就是用来动态获取所要传递的变量的值

追问

不是标签的属性值，我的标签是一个标签，目前我只能使用这样的话html怎么写？我暂时使用。只能在add方法按嵌套一个方法调用。但问题又转回来了。怎么动态获取传过来的 变量？在html怎么写？

追答

你可以这样写：
.......
把要传递的值放进a标签的id里
然后直接在add方法里这样
function add() {
var type = this.getAttribute("id");
location.href = "add.jsp?ftype=" + type;
}

Answer 2

window.onload = function(){
document.getElementById("addp").onclick= (function(){
var type = "123"
add(type);
});
}
function add(type){
alert("ok!");
location.href="add.jsp?ftype="+type;
}
LZ应该有点搞错了，onclick 事件是不会传递任何参数的。

Answer 3

这样做：用匿名函数
window.onload = function(){
document.getElementById("addp").onclick=function(){
add(type);
}
}
function add(type){
location.href="add.jsp?ftype="+type;
}

Answer 4

这样就可以了啊
window.onload = function(){
document.getElementById("addp").onclick=add(type);

}

function add(type){
location.href="add.jsp?ftype="+type;
}

追问

这样的话html怎么写？我的html是

追答