js html无效果,JS不报错,但是功能无效果

本文探讨了一个使用JavaScript实现图片轮播效果时遇到的问题。代码中为每个图片链接设置了点击事件,调用`showPic`函数来改变占位符图片的源并更新描述文本,但实际操作中轮播效果未生效。问题在于代码没有阻止a标签的默认跳转行为。尽管JS控制台未显示错误,但轮播功能未按预期工作,需要进一步调试和解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

无标题文档

#placeholder{

width:400px;

height:400px;

}

图片

my image gallery

这段文字将被切换

下面是JS部分:

// JavaScript Document

function showpic(whichpic){

var placeholder=document.getElementById('placeholder');  //获取占位符的DOM

var source=whichpic.getAttribute("href");   //获取被点击图片的href

placeholder.setAttribute("src",source);   //修改占位符的src地址

var p=document.getElementById("box");

p.childNodes[0].nodeValue=source;

}

function prepareGallery(){

if(!document.getElementById){return false};

if(!document.getElementsByTagName){return false};

if(!document.getElementById("imagegallery")){return false};

var placeholder=document.getElementById("imagegallery");  //获取UL的DOM

var links=placeholder.getElementsByTagName("a");   //获取UL的a标签集合

for(var i=0;i

links[i].oncilck=function(){

showpic(this);

return false;

}

}

}

window.οnlοad=prepareGallery;

明明在函数orepareGallery对每个链接调用showPic函数条用,并且已经让它取消a标签的默认跳转行为。为何还是无效果?JS控制台也不报错,头晕!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值