a标签的href值

<a href=‘#‘>click</a>实验证明,页面上能不用这个值就最好不要用这个#,这个#会让你的页面瞬间滚动到页面的顶部,我不知道已经踩了多少次坑了,就是因为这个‘#’

<a href="javascript:;" onclick=‘demo()‘>hello</a>这条语句跟<a href="javascript:void(0)" onclick=‘demo()‘>world</a>这条我一开始看一个博客说有一点区别,然后我就demo了一下,感觉没区别啊

上代码,你们可以测试一下

<!DOCTYPE html>
<html>
<head>
    <meta charset=‘UTF-8‘>
    <title>a</title>
</head>
<body>
<a href="javascript:;" onclick=‘demo()‘>hello</a>
<a href="javascript:void(0)" onclick=‘demo()‘>world</a>
</body>
<script type="text/javascript">
    function demo(){
        alert(‘hello‘);
    }
</script>
</html>

感觉一样的,但是看到有博客是这样解释的

a href="javascript:;" onclick="demo()"与<a href="javascript:void(0)" onclick=‘demo()‘>world</a>的区别只是执行了一条空的js代码

其实我不太懂这句话是什么意思,有哪些大神能帮忙解释一下就最好不过了

时间: 2024-10-17 14:49:15

a标签的href值的相关文章

使用JS获取HTML文档中的&lt;a&gt;标签的href值。

因为经常用到某个网站中的二维码信息,每次都需要手动打开网站,滑到对应的地方,点击一个链接才能打开图片,因此想着用一个脚本去获取这个信息.正好js可以很方便的操作HTML的DOM,所以写了一个简单的函数来试试手. 打开网页,打开浏览器的调试工具,获取对应的页面信息,发现其所在的节点后可以使用如下函数来获取href的值. js = document.getElementsByClassName("hover-text")[4].getElementsByTagName('a')[0].ge

使用xpath提取页面所有a标签的href属性值

# -*- coding: utf-8 -*- #1.选取节点 #获取所有的div元素 //div #/代表获取根节点的直接子元素 #获取所有带有id属性的div //div[@id] #2.谓词(索引从1开始) #获取body下面的第一个/最后一个div元素/前两个 //body/div[1] //body/div[last()] //body/div[position<3] #获取具有class='price'属性的div标签 //div[@class='price'] #3.通配符 # *

css27】base标签带有href属性会让chrome里的svg元素url失效

一个chrome的问题,但具体原因不明. 触发条件:chrome浏览器base标签里href属性有值的时候 触发问题:svg里面的元素如果有用url的滤镜和模糊,则会失效,在firefox里和IE10没有发现这个问题. 正常状态: 有base标签且href里值为“.”的时候chrome里的状态:  测试代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>

a标签的href=&quot;javascript:void(0)&quot;和href=&quot;#&quot;的区别

好文要推:a标签的href="javascript:void(0)"和href="#"的区别 张鑫旭这篇文章也挺风趣的,作为一个轻微代码洁癖的程序员,该纠结时就纠结:是习惯还是规范!?   疑问:为什么要使用href="javascript:void(0);"? a 标签要写href属性!~有了href属性,天然鼠标手型,以及可以被键盘focus以及focus时候回车模拟点击行为(支持回车点击和默认可以获取焦点). href="#&qu

a标签的href与onclick

首先,先总结下<a> 标签的 href 属性的值: 1.用于指定超链接目标的 URL. 比如href="index.html",即点击a标签跳转到index页面. 也可以是php文件的URL,比如<a href="user.php">,user.php可以是服务器文件,也可以是包含包含: 2.<a href="#">跳转到页面顶部,不刷新页面.当合onclick配合使用时,用法如下: <a href=&q

&lt;a&gt;标签中href=&quot;javascript:;&quot;的意思

<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段. 这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数. 而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好. 例如: 当一个未注册的用户点击评论的按

a标签的href与onclick中使用js的区别 《转》

href与onclick中javascript的区别一般没用到都没注意,但出错时才有些郁闷,看文本章解释如下: 以前一直很随意,后来看.net里的linkbutton似乎是用在<a href="javascript:fun();"...>的形式,今天用这种方式就遇到一些问题,摘网友的文章和我的结论放在下面: 链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接): 假设链接中同时存在 href 与 onclick,

&lt;a&gt;标签的href属性

<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段. javascript: 是一个伪协议,其他的伪协议还有 mail:  tel:  file:  等等.例如: <p><a href="javascript:window.close();">退出管理系统</a></p> javascript:是表示在触发<

Html A标签中 href 和 onclick用法、区别、优先级别

原文:Html A标签中 href 和 onclick用法.区别.优先级别 如果不设置 href属性在IE6下面会不响应hover.双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题).  代码如下 复制代码 <a href="javascirpt:fn(this)"> <a onclick="fn(this)"> 假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值. 所以,比较推荐的写法是  代码如下 复制代