<a>标签中href="javascript:;"表示啥意思??

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了<a>标签中href="javascript:;"表示啥意思??相关的知识,希望对你有一定的参考价值。

<a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a>

有一种说法是:href="javascript:;"会去解析<script></script>里面的代码,跟当前<a>标签有关的就会执行,.没关的就跳过。
是不是这样理解呢?

1、 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。

2、javascript: 是一个伪协议,其他的伪协议还有 mail:  tel:  file:  等等。

<a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a>1

javascript:是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击时就没有任何反应。 

3、一般在这种情况下,会给绑定一个事件回调,来执行业务,如:

document.getElementById('jsPswEdit').addEventListener('click', function(e)
e.preventDefault();  // 当<a>触发click时,处理业务, false);1234

4、简单来说,”javascript:”是另外一种嵌套js代码在网页中的方法。 跟通过标签嵌套js代码差不多。 如点击下面链接会会执行”javascript:”后面的内容。

<a href = "javascript:alert(22);">点我</a>1

扩展资料

例子:<a href="javascript:;">我的大学</a>

javascript: 是一个伪协议

javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应。

href="javascript:;"就是去掉a标签的默认行为,跟href="javascript:void(0)"是一样的

void 是JavaScript 的一个运算符,void(0)就是什么都不做的意思。

参考资料

百度百科-ahtml语言标签)

参考技术A

执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转。跟当前a标签无关,这段代码始终都会执行。

演示如下:

1、设计一个a链接的代码,让其点击的时候执行一个alert()函数:

2、此时在页面上显示一个a链接效果:

3、点击页面上的a链接,执行结果如下:

扩展资料:

其他防止页面跳转的实现方式:

1、<a href="#" >test</a>;

点击链接,页面默认上滚到页的顶部, 但可以加上 onclick="return false",防止上滚到页的顶部。

2、<a href="####" >test</a>;

使用2个到4个#,见的大多是"####",也有使用"#all"等其他的。一个无意义的标签指定,不做任何处理。

3、<a href="javascript:void(0);" >test</a>; 

javascript:void(0) 表示一个死链接,执行空事件。

参考技术B

javascript:是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击时就没有任何反应。 

href:URL    规定链接的目标 URL。

<a href="www.baidu.com"></a>   这个a标签的话就是指点击后跳转到百度首页

<a href="javascript:;"></a>  点击后是不会跳转的,一般用于开发时页面还未完成。

扩展资料

其他防止页面跳转的实现方式:

1、<a href="#" >test</a>;

点击链接,页面默认上滚到页的顶部, 但可以加上 onclick="return false",防止上滚到页的顶部。

2、<a href="####" >test</a>;

使用2个到4个#,见的大多是"####",也有使用"#all"等其他的。一个无意义的标签指定,不做任何处理。

3、<a href="javascript:void(0);" >test</a>; 

javascript:void(0) 表示一个死链接,执行空事件。


参考技术C <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。

这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。
参考技术D

javascript: 是一个伪协议,其他的伪协议还有 mail:  tel:  file:  等等。

<a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a>

javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应。


一般在这种情况下,会给<a>绑定一个事件回调,来执行业务,如:

document.getElementById('jsPswEdit').addEventListener('click', function(e) 
  e.preventDefault();
  // 当<a>触发click时,处理业务
, false);

追问

我能不能这样理解:href="javascript:;"就是去掉a标签的默认行为,跟href="javascript:void(0)"是一样的?

追答

是一样的

void 是JavaScript 的一个运算符,void(0)就是什么都不做的意思

本回答被提问者和网友采纳

a标签中href=""的几种用法

 本文转自 CSDN 博主 Wendy-lxq 的文章,链接 http://blog.csdn.net/u010297791/article/details/52784879

       众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="javascript:;"></a>,所以就来整理下a标签中href的几种用法。

一、Js的几种调用方法(参考总结的)

      1、a href="javascript:js_method();"

       这是常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句


       2、 a href="javascript:void(0);" onclick="js_method()"

       这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

       3、a href="javascript:;" onclick="js_method()"

       这种方法跟跟2种类似,区别只是执行了一条空的js代码。

      4、a href="#" onclick="js_method()"

       这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

     5、a href="#" onclick="js_method();return false;"

       这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。

      综合上述,在a中调用js函数最适当的方法推荐使用:

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

二、href="#"的作用

       a中href="#"表示回到最顶部。如果当前页面中需要滚动的话,那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮,回到顶部,那么此时可以考虑用这种最简单的方式实现。

三、href="URL"的作用

     1、URL为绝对URL

     此时指向另一个站点,比如href="http://write.blog.csdn.net",那么点击时就会直接跳转到这个链接的页面。

    2、URL为相对URL

     此时指向站点内的某个文件,比如href="/test.doc",那么点击时就会直接下载文件。

    3、锚 URL 

       此时指向页面中的锚,比如href="#top",那么点击时就会到当前页面中id="top"的这个锚点,实现当前页面的所谓跳转。用的最多就是在可滚动页面中,添加菜单,可以直接回    到页面中的某个部分的内容。

即所有的三种代码样例:

<a href="http://baidu.com">超链接</a>  
<a href="#">回到最顶端</a>  
<a href="css/css1.css">文件链接</a>  

 

以上是关于<a>标签中href="javascript:;"表示啥意思??的主要内容,如果未能解决你的问题,请参考以下文章

<a>标签中href="javascript:;"的意思

寻找一种从 <a href> 标签中检索信息的方法。例如。 <a href="www.facebook.com"> [重复]

jq如何获得a标签中href值(包括所携带的参数),例如:<a href="b.do?a=5"></a>。要获得(b.do?a=5)

如果a标签里的href地址为空,隐藏DIV?

a标签中href=""的几种用法

PHP正则匹配图片地址