首先, 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 标签的解释和处理不同 其次,使用 标签 + onclick='{jscode}' 时经常会加一个 href='###',而有时这个 href='###' 会被误写为 <a href='#'> 是因为使用者没有理解 简单地说,就是说如果想定义一个空的链接,又不跳转到页面头部,可以写href="###"。 href="javascript:void(0);"但也有人说用href="javascript:void(0);"可能会有浏览器兼容问题。 2.链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还是使用“####”。
博客:noahsnail.com | CSDN | 简书 在Javascirpt中经常会用到超链接,但有时不想让超链接起作用,想自己编写响应事件,又想要超链接的外观,此时就可以修改中的href 1. href=”#” href="#"也是一个超链接,只是这个超链接是指向的本页,因此如果中的href设为#,虽然不会修改页面数据,但页面滚动到起始位置。 代码如下: <a href="#"> 小技巧:如果href="#id"后面是一个控件的id,则页面会滚动到控件的位置,在页面滚动时很有用。 2. href=”javascript:void(0)” href="javascript:void(0)"表示点击超链接时什么也不用,但可以在JS中编写对应的click响应函数。 代码如下: <a href="javascript:void(0)">
如:<a href="./aaa">内容、
“..”:代表上一层的目录,相对路径。如:<a href="..
二、href与src区别
相信大家对href和src一定不会陌生,平时我们开发项目,只知道a和link标签习惯性的,行尸走肉式的使用href;而img和script也是习惯性的使用src链接资源。
然而我们对于为什么使用href或者src并不是太深入的了解。
href和src是有区别的,而且是不能相互替换的。
我们在可替换的元素上使用src,然而把href用于在涉及的文档和外部资源之间建立一个关系。
总结: src用于替换当前元素(比如:引入一张图片);href用于在当前文档和引用资源之间建立联系。
四、相关资料
URL 详解
href和src sf.gg资料
URL 进阶
测试代码 <script type="text/javascript"> function ToUrl(x){ location.href=x; } </script > <a href="javascript:;" onclick="javascript:ToUrl('http://www.baidu.com');">location.href跳转测试1</ a> <a href="javascript:void(0);" onclick="javascript:ToUrl('http://www.baidu.com');">location.href false;">location.href跳转测试3 <a href="#" onclick="javascript:ToUrl('http://www.baidu.com');">location.href 跳转测试4 <a href="###" onclick="javascript:ToUrl('http://www.baidu.com');">location.href跳转测试5</a
2021-02-02 18:19:38 a标签在html内使用最多的就是超链接,在href属性中加入url链接即可。 当然,他还有其他的一些功用,下面来看一下 锚点 <div id="div"></div> <a href="#div">跳转到id="div"标签的位置 <a href="#">回到顶部</ a> 这个点击后会在url中增加一个hash,刷新之后依然后定位到锚点位置 拨号 <a href="tel:18333333333">给18333333333打电话 这种方式一般在移动端比较适用 ,可以调起拨号功能 发短信 <a href="sms:18333333333">给18333333333发短信 这种方式同样一般在移动端比较适用,可以调起发短信功能 发邮件 <a href="mailto :abc@qq.com">给abc@qq.com发邮件 这种情况需要在当前设置上安装邮件软件有效 协议限定符 这个我们用的会比较多 <a href="JavaScript:void(0)">不跳转或执行
测试代码 <script type="text/javascript"> function ToUrl(x){ location.href=x; } </script > <a href="javascript:;" onclick="javascript:ToUrl('http://www.baidu.com');">location.href跳转测试1</ a> <a href="javascript:void(0);" onclick="javascript:ToUrl('http://www.baidu.com');">location.href false;">location.href跳转测试3 <a href="#" onclick="javascript:ToUrl('http://www.baidu.com');">location.href 跳转测试4 <a href="###" onclick="javascript:ToUrl('http://www.baidu.com');">location.href跳转测试5</a
这边见大家都用<a href="javascript:;">。当然之前偶然看了张鑫旭一篇《疑问:为什么要使用href=”javascript:void(0);”?》 - 指向页面中的锚(href=”#top”) 根据网搜得到的答案如下,亲测也的确如此: <a href="javascript:void(0)">点击: 点击链接后不会回到网页顶部 <a href 而对于Href第三点~指向页面中的锚,如下用法: 需要转到地方添加,<a href="#命名">文字,注意href值是#开头+英文字母命名 需要在被转到位置添加,<span id="命名" name 那么使用(href=”#”)在这里是不会影响页面刷新的。得到ios客户端开发的说法是:这样写[使用(href=”#”)]会触发到客户端的监控,从而引发异常。 而href=”#”代表的是本地页面[页面跳转到页面本身]。如此就能解释了之前出现问题了:ios可以监听到<a href="#">点击这种链接,从而使得页面被刷新。
定义
href是Hypertext Reference的简写,表示超文本引用,指向网络资源所在位置。
常见场景
<a href="http://www.baidu.com"> <link type="text/css" rel="stylesheet" href="common.css">
src
常见场景
<iframe src="top.html">
<script src="show.js">
作用结果
1.href 用于在当前文档和引用资源之间确立联系
2.src 用于替换当前内容
浏览器解析方式
当浏览器遇到href会并行下载资源并且不会停止对当前文档的处理。
例如 <a href="./abc">文本 或
(2)..:代表上一层目录,相对路径。 例如 <a href="..
例如 <a href="/abc">文本 或
五、href的概念
5.1 规范解释
href (Hypertext Reference)指定网络资源的位置,
5.2 通俗理解
href 目的不是为了引用资源,而是为了建立联系,让当前标签能够链接到目标地址。
七、href和src的区别
7.1 请求资源类型不同
(1)href 指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的联系。
(2)在请求 src 资源时会将其指向的资源下载并应用到文档中,比如 JavaScript 脚本,img 图片;
7.2 作用结果不同
(1)href 用于在当前文档和引用资源之间确立联系;
(2)src