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

Question

在通过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:'标记？  他们两个标记有什么不同嘛？

Answer 1

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

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