用JavaScript解决a标签的刷新

埋年 2019-01-18 08:36:19

用JavaScript解决a标签的刷新
开发工具与关键技术：前端 DW
作者：蒋鹏杰
撰写时间：2019年1月17日

在轮播中，用a标签做按钮的时候，很容易出现一些错误。
如图：

轮播完成后，如果没有在a标签里加JavaScrip，点击按钮时，你会发现不管你怎么点，都没有一点效果，这是为什么呢，那是因为a标签后面的href，就相当于一次页面刷新，所以效果一直出不来，每次点击的时候并不是跳转到下一张图片，而是把整个页面都重新刷新。
所以在使用a标签的时候一定要记得加上JavaScript或者直接将href = “ “ 删除哦，正确示范如下图。

...全文

644 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

醉酒笑泪 2019-01-18

打赏
举报

回复

强

一、网页设计与策划01 网页与网站的概念02 网页核心技术(HTML/CSS/JAVASCRIPT)简介03 什么是HTML04 什么是CSS05 什么是JavaScript06 网页的设计流程07 HTML5概述、浏览器及内核08 编写第一个HTML页面09 HTML页面基本结构10 章节练习二、网页的基本实现（HTML标签）01 HTML基本语法02 标签及属性03 标签04 标题标签05 段落标签06 水平分隔线标签07 换行标签08 文本的格式化标签09 特殊字符标签10 图像标签14 相对路径与绝对路径11 章节练习-《清平乐》12 章节练习-《李清照简介》13 章节练习-《家电排行》15 章节练习-《百度网简介》16 超级链接标签17 锚点链接18 影像地图19 《table》表格标签20 无序列表标签21 有序列表标签22 定义列表标签23 章节练习-《工资明细》24 章节练习-《我的电脑》25 章节练习-《在线考试》三、层叠样式表01 CSS简介02 CSS样式规则03 CSS样式的调用方法04 标签选择器05 类选择器06 ID选择器07 标签指定式选择器08 包含(后代)选择器09 群组选择器10 通配符选择器11 属性选择器12 关系选择器13 链接伪类选择器四、样式属性01 字体属性02 文本属性03 阴影效果04 对象内溢出文本05 背景设置06 定义列表的样式五、盒模型网页布局01 初识盒子模型02 边框属性(border)03 边距属性(padding与margin)04 圆角边框05 阴影效果06 浮动属性(float)07 元素定位(position)08 溢出属性(overflow)

Html中解决点击 a 标签刷新的问题，实现点击时不刷新

href="#" 修改为 href=“javascript:void(0)” href=“javascript:void(0)” <ul> <li class="buy_aui_current"><a href="javascript:void(0)">1个月</a></

最近做了一个后台管理项目，单击a标签触发ajax异步的操作，但是页面还是会被刷新?我a标签是这样写的： <a href="" class="changeStatus">上架</a> 后来发现原来是因为a标签的href属性问题解决方法有两个：（1）把href属性删了（2）更改a标签的href属性 <a href="javascript:void(0)" class...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章