js中使用a标签onclick事件切换图片时显示异常解决办法

最新推荐文章于 2022-10-17 19:50:14 发布
最新推荐文章于 2022-10-17 19:50:14 发布
阅读量803 收藏
点赞数
分类专栏： java 文章标签： 异常 javascript 图片 标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014146208/article/details/48269389
版权

【问题原因】

<a href="javascript:void(0)">或者<a href=#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为

导致浏览器会错误的认为页面刷新或者重定向了，并且中断了当前所有连接，这样新图片的加载就被aborted了。

【解决方案】

替换a标签为span标签,待检测。

Jone_rose
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE6下通过a标签点击切换图片的问题
09-05
在IE6环境下，通过HTML的`<a>`标签配合`onclick`事件来实现图片切换功能时，可能会遇到一个特定的问题：图片无法正常加载，HTTPWatch等工具抓取的结果显示为“abort”。这通常是由于IE6浏览器的事件处理机制导致的。...
JS点击图片切换后，图片无法显示
weixin_52375176的博客
12-30 763
<img src="imges\a.png" alt="" id="ooo"> <script> var imgObj = document.querySelector("img"); imgObj.addEventListener("click", function () { this.src = "迪斯尼\imges\a1.png"; }) &lt...
为什么html中图片显示不出来,网页图片显示不出来怎么办
weixin_39883065的博客
06-04 4447
我们上网的时候，可能因为种种原因导致网页显示不出图片，那么网页显示不出图片怎么办呢?有哪些解决的方法?接下来就简单的给大家介绍一下，网页显示不出图片怎么办，一起来看看吧。网页图片显示不出来的解决办法首先我们确定网页是不是设置了不显示图片，我们点击浏览器右上角的“工具”，“Internet选项”，然后切换到“高级”。往下拉，多媒体里面有一个显示图片的选项，在这前面需要划勾。我们也可以检测一下flas...
js通过点击改变图片的路径
qq_55260857的博客
09-28 1914
大约就是这个样子啦???? 主要是js的获取元素 点击小图触发点击事件，先将原来被点击的取消被点击的样式（is-active） arr[i].classList.remove("is-active") 然后将现在的被点击的加上被点击的样式 arr[x-1].classList.add("is-active"); 最后改变大图的src就好了 ximg=arr[x-1].getElementsByTagName("img"); ximgUrl=ximg[0].src; document..
js 点击按钮修改图片出现点击按钮显示不出图片的错误及原因
DiegoBrother的博客
08-07 596
这个错误的信息是没有定义onclick这属性 代码如下：    因为少了个return 在document.getElementById(id)；的前面了。所以报错。 意思是说my$().onclick不是一个方法，错误如下，onclick不应该有括号。 ...
html下拉列表不居中_HTML学习笔记：各种常用标签
weixin_39845220的博客
10-20 379
今天是刘小爱自学Java的第76天。感谢你的观看，谢谢你。话不多说，继续html的学习：昨天学习了最基础的文本标签及属性，除此之外还有很多其它标签，今天逐一学习。一、链接标签(a标签)a标签有一个必不可少的属性：href。href也就是超链接的意思。下面编写代码，其中我每行之间用了两个换行符()，为了使页面看起来相对而言更加美观些。①href="#"作用是跳转本页面。②href="对应网页链接地址...
IE6,IE7下js动态加载图片不显示错误
10-29
总的来说，IE6和IE7在处理动态加载图片时存在一个已知的底层bug，尤其是在与`<a>`标签结合使用时。通过避免使用`<a>`标签，或者确保正确阻止其默认行为，可以有效地解决这个问题。在实际开发中，考虑到这些旧版...
替换点击按钮或图片背景
06-08
4. **事件委托**：如果页面中有多个类似的按钮或图片，使用事件委托可以减少事件监听器的数量，提高性能。这通常在DOM结构复杂或动态生成元素的情况下使用。 ```javascript document.body.addEventListener('click'...
点击视频在弹出的小窗口中播放.rar
12-04
可以使用`document.getElementById`获取DOM元素，然后通过`style.display`切换视频的可见性，以及`play()`方法来启动播放。 ```javascript function playVideo() { var video = document.getElementById('...
JavaScript实现换肤功能
10-19
JavaScript 实现换肤功能是网页设计中常见的交互增强技术，主要通过动态更改 CSS 样式表文件和调整图片资源来改变网页的外观。这一功能可以让用户根据个人喜好选择不同的界面风格，提升用户体验。 **一、JavaScript...
浏览器网络异常导致JS文件请求失败的问题及处理
qq_40388699的博客
10-17 3731
文件请求失败时的处理记录
a标签跳转路径数据不会自动加载问题
DeepLoveDeep的博客
05-25 848
在a标签内通过href属性引入跳转路径，当页面跳转后，数据没有自动加载（页面js中已引入成功加载完成事件），刷新页面后数据才会展示（数据和图表）。通过查找，发现<a>标签的href属性默认是通过ajax提交的，ajax提交时因为缓存的原因不会刷新<head>内的内容。最后通过在<a>标签的内部加属性data-ajax='false'或rel="external"实现 ...
JS onclick点击事件：点击图片切换其他图片
热门推荐
幻
08-10 2万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt;
a标签onclick事件
最新发布
05-13
a标签的onclick事件可以用来在用户单击链接时触发自定义JavaScript代码。例如： ```html <a href="#" onclick="alert('Hello world!')">点击我</a> ``` 在这个例子中，当用户单击链接时，浏览器将执行alert('Hello world!')代码，并弹出一个警告框。 需要注意的是，如果同时为a标签指定了href属性和onclick事件，那么当用户单击链接时，先执行onclick事件处理程序，然后才跳转到href指定的URL。如果onclick事件处理程序返回false，那么链接的默认行为（跳转）将被取消。例如： ```html <a href="http://www.example.com" onclick="alert('Hello world!'); return false;">点击我</a> ``` 在这个例子中，当用户单击链接时，浏览器将执行alert('Hello world!')代码，然后返回false，取消链接的默认跳转行为。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值