超链接＜a＞的href跳转

已于 2024-03-21 10:04:14 修改
阅读量210 收藏
点赞数 1
文章标签： javascript 前端
于 2024-03-21 10:03:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53895518/article/details/136900013
版权
本文探讨了超链接href属性的不同设置如何影响页面操作，包括页面刷新、滚动到顶部、无动作等行为。
摘要由CSDN通过智能技术生成

一个空白的超链接如下：

<a href=""></a>

当点击超链接时，由于 href 的属性值的不同，可以产生很多种情况：

	href=""                    //刷新页面

	href="#"                   //跳转到当前页面的顶部（不会刷新）

	href="javascript:void(0)"  // 什么都不做

	href="javascript:;"        // 什么都不做
爱吃果蔬的猫
关注
＜a＞标签中href的几种用法
zjslan_js的博客
06-16 1万+
标签中href的几种用法
href 路径 空, /, ./, ../, // 开头的不同情况
weixin_42508745的博客
09-11 6643
路径的不同写法 1.（无）开头表示当前目录下的 2.（/）开头的目录表示该目录为根目录的一个子目录 3.（./）开头的目录表示该目录为当前目录（当前目录所在的目录）的一个子目录 4.（../）开头的目录表示该目录为当前目录的父目录 5.（//）开头的目录表示和当前页面使用同一种协议http/https (无)反斜杠开头的路径是表示当前目录中和（./）相似 ——-不再多...
超链接标签＜a href=“目标网址“＞超链接＜/a＞的介绍
weixin_54021642的博客
04-20 1万+
超链接标签<a href="目标网址">超链接</a>的介绍
HTML中的超链接(a元素)用法详解
一碗周
08-24 1万+
Hello 大家好，我是一碗周，不是你想的那个“一碗粥”，是一个不想被喝掉的前端????????‍????，如果我写的文章有幸可以得到你的青睐，万分有幸~ 这是【从头学前端】系列文章的第十八篇-《HTML中的超链接》 编写不易转载请获得允许 写在前面 本篇文章我们将来学习HTML中的链接，通过本篇文章的学习可以掌握的内容如下图所示： 超链接 HTML页面使用超链接与网络上的另一个HTML页面相连。几乎可以在所有的网页中找到超链接，点击超链接会出现很多效果，例如从一个页面到另一个页面，或者下载一个文件
a标签的页面跳转
杜永康的博客
08-31 1万+
百度一下
HTML基础知识 ==＞ 超链接＜a＞＜/a＞
qq_43281459的博客
11-15 4515
HTML基础知识 ==> 超链接<a></a> : 超链接可以让我们从一个页面跳转到其他页面或者是我们当前页面的其他位置 使用 a 标签来定义超链接 属性: href 指定跳转的目标路径 - 值可以是一个外部网站的地址 - 也...
HTML三：字体＜font＞＜/font＞；段落＜p＞＜/p＞；注释＜!----＞；标题＜h1＞＜/h1＞；图片＜img src=‘‘＞；超链接＜a＞＜/a＞；锚点；列表（无序&有序）；
小枯林的博客
12-14 1924
●HTML部分主要了解HTML标签，其标签主要是字体、段落、注释、标题、图片、超链接、锚点、列表、表格、图表等。 这篇博客只要介绍：字体<font></font>，段落<p></p>，注释<!---->，标题<h1></h1>，图片<img src=''>，超链接<a></a>，锚点，列表的用法和注意事项。 1.字体<font></font> ...
HTML＜a＞,＜img＞标签介绍及用法
zmjzv19的博客
07-20 1382
图片超链接
html超链接a标签的href跳转跟onclick之间执行顺序示例介绍
09-28
`href`属性是`<a>`标签的核心，它定义了链接的目标URL，当用户点击链接时，浏览器通常会立即跳转到这个URL所指定的页面。然而，`<a>`标签还可以与`onclick`事件结合，为用户提供更复杂的交互体验。 `onclick`事件是...
1.设计一个网页，使用内联语义元素<a> <br> <del> <ins> <mark> <span> <sub><sup>，重点为<a>标签。必须包含跳转到其他网站、本网站的其他网页。
最新发布
11-01
其中，<a>标签是用于创建超链接的标签，可以跳转到其他网站或本网站的其他网页。下面是一个简单的网页设计示例，重点为<a>标签： <!DOCTYPE html> <html> <head> <title>我的网页</title> </head> <body> <h1>...
HTML的基本标签II
刘宝儿的博客
04-21 2425
HTML的基本标签a 超链接的标签 a 超链接的内容包括文字超链接、图片超链接这种单击之后可以跳转到新的页面，导航栏，通过导航栏进入到各个界面里面去。 格式： < a herf =“网址”> 文字或图片 < /a> a标签成对出现，其中加粗字体“文字或图片”部分的内容就是我们用来单击进行连接的文字或图片部分。 href 属性是超链接的意思，通过设置这个属性的取值，来设定链...
href 里面 链接前面加/与不加的区别？(绝对路径与相对路径)
weixin_30702413的博客
09-23 1290
在写href链接时，有绝对路径与相对路径,href 里面 链接前面加/与不加的区别？ href="/cp/images/lis.jpg" 相对路径 cp前面/会获取当前路径，组合成一个完整路径 去定位资源 href="cp/images/lis.jpg" 绝对路径 直接上cp/images/lis.jpg 去定位资源 href="http://www.lib.c...
a标签href的几种写法
xxx
11-03 7935
经过测试结果如下 1 /xxx或者../xxx: http://192.168.0.108:8089/test.html 不会加上项目根路径 2 xxx  : http://192.168.0.108:8089/contextPath/test.html 3 盘符d://xxx :file///d://xxx 4 协议http://192.168.0.108:8080/xxx：http://192...
【常见问题03】详解超链接＜a＞href属性
大前端开发工程师、互联网方向创业者
02-16 7939
关于超链接a标签——属性href取值以及详解
前端页面 href 中的 “/”
qq_49172635的博客
11-12 578
一个小坑
a标签中href=""的几种用法
热门推荐
Wendy
10-11 24万+
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法，所以就来整理下a标签中href的几种用法。 一、Js的几种调用方法（参考总结的） 1、a href="javascript:js_method();" 这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的h
href 路径 空, /, ./, ../, // 开头的不同情况
yingjian2215的博客
02-16 442
路径的不同写法1.(无)开头表示当前目录下的2.(/)开头的目录表示该目录为根目录的一个子目录3.(./)开头的目录表示该目录为当前目录(当前目录所在的目录)的一个子目录4.(../)开头的目录表示该目录为当前目录的父目录5.(//)开头的目录表示和当前页面使用同一种协议http/https(无)反斜杠开头的路径是表示当前目录中和(./)相似 ——-不再多说(./)是当前目录中(../)...
详解A标签中href=""的几种用法
XJT520520的博客
09-29 7016
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法&lt;a href="JavaScript:;"&gt;&lt;/a&gt;，所以就来整理下a标签中href的几种用法。 一、js的几种调用方法（参考总结的）       1、a href="javascript:js_method();"        这是常用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值