“javascript:;”表示HTML锚标记中的href属性

前端之家收集整理的这篇文章主要介绍了“javascript:;”表示HTML锚标记中的href属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
更新

下面的代码是什么意思和做什么?它需要JavaScript才能工作?

<a href="javascript:;">Do Somthing</a>

更新

等于下面?:

<a href="">Do Somthing</a>

解决方法

使用“javascript:”作为链接的href属性的开始告诉javascript引擎使用字符串的其余部分来解释为javascript.在这种情况下,它会导致严格解释中的语法错误,因为这实际上是一个带有结束分号的空javascript行.像这样:
;

但是,大多数浏览器不会抛出错误,因为链接上的javascript是旧语法,应尽可能避免.你可以安全地使用它作为一个什么都不做的链接,但我不推荐它.

如果您希望链接不执行任何操作,则可以使用此代码

<a href="#">Link</a>
<a href="javascript:void(0);">Link</a>
<a href="javascript:return false;">Link</a>

使用空的href字符串将使浏览器将其解释为相对链接.不以协议或高级域或IP地址等标识符开头的URL将被视为相对链接.例如,域“google.com”上的链接“index.htm”将创建链接“google.com/index.htm”.以同样的方式,href字符串“”将创建链接“google.com/”,因此空的href字符串将导致浏览器导航到新页面.

通常,如果您没有指定href属性,链接不显示指针光标或将元素格式化为链接,这样您就可以将其用作“锚”元素,您可以使用URL中的哈希字符链接到该元素.例如“http://google.com/#an_anchor”会将您带到与此类似的锚点:< a id =“an_anchor”>这是一个锚点< / a>

但是,您可以使用CSS强制格式化链接,如下所示:

CSS:

a {
    color: #00c;
    text-decoration: underline;
    cursor: pointer;
}

HTML:

<a>This is a link.</a>

示例:http://jsfiddle.net/J3RfH/

猜你在找的JavaScript相关文章