代码如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>为函数添加参数</title>
<script language="javascript">
function settab(name,n){
for(i=1;i<n;i++){
menu = document.getElementById(name+i);
menu.onclick=function(){
alert("Yes,We did");
}
}
}
</script>
</head>
<body>
<a href="#" id="milk1" onclick="function settab('milk',3)">1</a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>为函数添加参数</title>
<script language="javascript">
function settab(name,n){
for(i=1;i<n;i++){
menu = document.getElementById(name+i);
menu.onclick=function(){
alert("Yes,We did");
}
}
}
</script>
</head>
<body>
<a href="#" id="milk1" onclick="function settab('milk',3)">1</a>
</body>
</html>
functionsettab('milk',3)"<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>为函数添加参数</title>
<script language="javascript">
function settab(name,n){
for(i=1;i<n;i++){
menu = document.getElementById(name+i);
menu.onclick=function(){
alert("Yes,We did");
}
}
}
</script>
</head>
<body>
<a href="#" id="milk1" onclick="settab('milk',3)">1</a> //把function去掉
</body>
</html>
menu = document.getElementById(name+i);
把值传进去之后就是:
menu = document.getElementById('milk'1);
这样取得到对象才怪!改成这样:
menu = document.getElementById(name+'i');
就没问题了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>为函数添加参数</title>
<script language="javascript">
function settab(name,n){
for(i=1;i<n;i++){
menu = document.getElementById(name+i);
menu.onclick=function(){
alert("Yes,We did");
}
}
}
</script>
</head>
<body>
<!--看你的代码 你要确定你有milk1到milk3这3个元素 否则js代码会找不到id为milk3的元素->
<a href="#" id="milk1" onclick="settab('milk',3)">1</a>
</body>
</html>
几个错误:
1.函数调用 应该这样:<a href="#" id="milk1" onclick="settab('milk',3)">1</a> ;
2.还有html中好像没有id为milk2的对象哎;
3.再就是,第一次和第二次onclick执行结果是不同的,楼主确定要这个结果???
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>为函数添加参数</title>
<script language="javascript">
function settab(name,n){
for(i=1;i<n;i++){
menu = document.getElementById(name+i);
menu.onclick=function(){
alert("Yes,We did");
}
}
}
</script>
</head>
<body>
<a href="#" id="milk1" onclick="settab('milk',4)">链接1</a>
<a href="#" id="milk2" onclick="settab('milk',4)">链接2</a>
<a href="#" id="milk3" onclick="settab('milk',4)">链接3</a>
</body>
</html>
比如说点击链接3,为什么第一次点击,不会出现警告框?要点第二次点击才会出现?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>为函数添加参数</title>
<script language="javascript">
function settab(name,n){
for(i=1;i<n;i++){
menu = document.getElementById(name+i);
menu.onclick=function(){
alert("Yes,We did");
}
}
}
</script>
</head>
<!-因为你在a标签的onclick中修改了本身的onclick事件 楼主这样做没有意义-->
<!-楼主可以放在onload事件中对a标签加onclick事件-->
<body onload="settab('milk',4)">
<a href="#" id="milk1">链接1</a>
<a href="#" id="milk2">链接2</a>
<a href="#" id="milk3">链接3</a>
</body>
</html>