如何在网页中多次调用一个js函数？
我是个菜鸟，目前遇到个问题就是在BODY中调用一个函数2次或以上的时候该功能就会失效，我知道应该给这个函数一个ID什么的，但是不知道怎么写，请帮帮忙看看，非常感谢！程序如...
我是个菜鸟，目前遇到个问题就是在BODY中调用一个函数2次或以上的时候该功能就会失效，我知道应该给这个函数一个ID什么的，但是不知道怎么写，请帮帮忙看看，非常感谢！程序如下:
<script>
function seeBig(_this) {
document.all.view_img.src=_this.parentNode.getElementsByTagName("img")[0].src;
}
</script>
以下是BODY里的：
<body>
...
<table border="0" width="100%" cellspacing="3" cellpadding="3">
<tr>
<td align="center"><span class="spic">
<a href="###" onClick="seeBig(this)" style="cursor:pointer">
<img border="0" src="pics/p1.jpg" width="50" height="50"></a></span></td>
<td align="center"><span class="spic">
<a href="###" onClick="seeBig(this)" style="cursor:pointer">
<img border="0" src="pics/p2.jpg" width="50" height="50"></a></span></td>
</tr>
<tr>
<td colspan="4" align="center" id="viewPic"><img id="view_img" border="0" src="pics/p1.jpg"></td>
</tr>
</table>
...
</body>
也就是说，如果我再建立一个和以上代码相同的table的话，这个函数就不起作用了。
非常感谢
谢谢 心恋米兰 和 cx924098
现在明白了我的这个_this就是ID，怎么改还在琢磨，毕竟也才搞这个不到3个月，有些东西弄不太明白 展开
<script>
function seeBig(_this) {
document.all.view_img.src=_this.parentNode.getElementsByTagName("img")[0].src;
}
</script>
以下是BODY里的：
<body>
...
<table border="0" width="100%" cellspacing="3" cellpadding="3">
<tr>
<td align="center"><span class="spic">
<a href="###" onClick="seeBig(this)" style="cursor:pointer">
<img border="0" src="pics/p1.jpg" width="50" height="50"></a></span></td>
<td align="center"><span class="spic">
<a href="###" onClick="seeBig(this)" style="cursor:pointer">
<img border="0" src="pics/p2.jpg" width="50" height="50"></a></span></td>
</tr>
<tr>
<td colspan="4" align="center" id="viewPic"><img id="view_img" border="0" src="pics/p1.jpg"></td>
</tr>
</table>
...
</body>
也就是说，如果我再建立一个和以上代码相同的table的话，这个函数就不起作用了。
非常感谢
谢谢 心恋米兰 和 cx924098
现在明白了我的这个_this就是ID，怎么改还在琢磨，毕竟也才搞这个不到3个月，有些东西弄不太明白 展开
4个回答
展开全部
<script>
function seeBig(_this) {
document.getElementById("view_img").src=document.getElementById(_this).src;
}
</script>
<body>
<table border="0" width="100%" cellspacing="3" cellpadding="3">
<tr>
<td align="center"><span class="spic">
<a href="javascript:void(0);" style="cursor:pointer">
<img border="0" id="a" src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/110/r6s1g5.gif" width="110" height="150" onClick="seeBig('a')"></a></span></td>
<td align="center"><span class="spic">
<a href="javascript:void(0);" style="cursor:pointer">
<img border="0" id="b" src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" width="137" height="46" onClick="seeBig('b')"></a></span></td>
</tr>
<tr>
<td colspan="4" align="center" id="viewPic"><img id="view_img" border="0" src="pics/p1.jpg"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="3" cellpadding="3">
<tr>
<td align="center"><span class="spic">
<a href="javascript:void(0);" style="cursor:pointer">
<img src="http://static.youku.com/v1.0.0625/index/img/youkulogo-s.png" name="c" width="88" height="22" border="0" id="c" onClick="seeBig('c')"></a></span></td>
<td align="center"><span class="spic">
<a href="javascript:void(0);" style="cursor:pointer">
<img src="http://www.iciba.com/images/logos/logo_cd.jpg" name="d" width="190" height="72" border="0" id="d" onClick="seeBig('d')"></a></span></td>
</tr>
</table>
</body>
js里不要用document.all 这句在ie里还行，有些浏览器不兼容这句！
我这里也没有用 this 而是直接指明了id号，
<img id="b" onClick="seeBig('d');" src=......">
function seeBig(_this) {
document.getElementById("view_img").src=document.getElementById(_this).src;
}
</script>
<body>
<table border="0" width="100%" cellspacing="3" cellpadding="3">
<tr>
<td align="center"><span class="spic">
<a href="javascript:void(0);" style="cursor:pointer">
<img border="0" id="a" src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/110/r6s1g5.gif" width="110" height="150" onClick="seeBig('a')"></a></span></td>
<td align="center"><span class="spic">
<a href="javascript:void(0);" style="cursor:pointer">
<img border="0" id="b" src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" width="137" height="46" onClick="seeBig('b')"></a></span></td>
</tr>
<tr>
<td colspan="4" align="center" id="viewPic"><img id="view_img" border="0" src="pics/p1.jpg"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="3" cellpadding="3">
<tr>
<td align="center"><span class="spic">
<a href="javascript:void(0);" style="cursor:pointer">
<img src="http://static.youku.com/v1.0.0625/index/img/youkulogo-s.png" name="c" width="88" height="22" border="0" id="c" onClick="seeBig('c')"></a></span></td>
<td align="center"><span class="spic">
<a href="javascript:void(0);" style="cursor:pointer">
<img src="http://www.iciba.com/images/logos/logo_cd.jpg" name="d" width="190" height="72" border="0" id="d" onClick="seeBig('d')"></a></span></td>
</tr>
</table>
</body>
js里不要用document.all 这句在ie里还行，有些浏览器不兼容这句！
我这里也没有用 this 而是直接指明了id号，
<img id="b" onClick="seeBig('d');" src=......">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用定时器setInterval；
例如：
<script>
function a(){
alert(1);
}
var test = setInterval(a, 1000);
</script>
这样就是每隔1S执行一次函数a
注意：在js中如果定时器不用的时候一定要清除掉，不然会消耗内存，清除可以用
window.clearInterval(intervalID)清除，intervalID是定时器的变量，比如上面的例子中
intervalID就是test
例如：
<script>
function a(){
alert(1);
}
var test = setInterval(a, 1000);
</script>
这样就是每隔1S执行一次函数a
注意：在js中如果定时器不用的时候一定要清除掉，不然会消耗内存，清除可以用
window.clearInterval(intervalID)清除，intervalID是定时器的变量，比如上面的例子中
intervalID就是test
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
网页中多次调用一个js函数?，函数就是用来多次调用的，如果不能多次调用那写着有什么意义？
你这里之所以出现这个问题，是因为网页中的每个元素，id是唯一的。如果有相同的id，那么js就无法识别。明白吗?
你这里之所以出现这个问题，是因为网页中的每个元素，id是唯一的。如果有相同的id，那么js就无法识别。明白吗?
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function seeBig(_this) {
把“_this”这个ID修改一下名字。每个ID只能用一次的，这个该知道把
把“_this”这个ID修改一下名字。每个ID只能用一次的，这个该知道把
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
