在JavaScript中用DOM操作,a 标签的href后应添加什么信息,才能不影响事件的跳转?

在JavaScript中用DOM操作,a 标签的href后应添加什么信息,才能不影响事件的跳转?

问题描述:

在通过DOM实现选项卡操作中,也遇到了这样的一个问题:
"<a href="#" class="on" >充话费</ a>
    <a href="#" >充流量</ a>
    <a href="#" >充固话</ a>
    <a href="#" >充宽带</ a>
"
a 标签中为什么也要带有标记 ' href="#" ' ,而且去除之后再点击 '充流量' 等按钮后,就跳转不成功,这原因是什么呢?

 

 

同时在DOM实现图片轮播的操作中,也有这样的问题:

   '<a href="javascript:" id="prev">&lt;</ a>
    <a href="javascript:" id="next">&gt;</ a>'
其中的javascript:有什么含义嘛?
是代表着位置信息嘛?

 

所以,请问老师们,在JS的DOM操作的a标签的跳转过程中,什么时候在href后面添加'#'标记,什么时候添加'javascript:'标记?  他们两个标记有什么不同嘛?

<a href="javascript:void(0);" onclick="alert('ok');"></a> 在这里这行代码表示的是这个链接不做跳转动作,执行onClick事件。也就是说当用户点击以后不会发生任何事。因为void(0) 计算为 0,所以Javascript 上没有任何效果

#其实是锚点,页面会跳动。

javascript:;

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632