您现在的位置是:首页 > Javascript
当前栏目
1.4 超链接
2023-03-31 11:00:54 时间
1.4 超链接
1.4.1 基础语法
基础语法: <a href="网页地址"> </a>
拓展参数: <a href="网页地址" target="跳转方式"> </a>
href | 跳转链接地址 |
---|---|
target | 链接打开方式 |
1.4.2 锚链接(id
参数)
每个标签都可以带有一个id
参数(例: <p id="article"> </p>
), id
参数是全局唯一的.
当一个标签使用id参数时, 可以通过<a>
标签锚定到这个id所在的标签(因为全局唯一).
通过#id
可以链接到id.
<a href="#footer" target="_self">跳转到页面底部</a>
<footer id="foot">
</footer>
1.4.3 href
参数
在1.4.2中, 提到了href
参数可以链接到锚点(id)处, 当然href
参数也可以链接到网页, 本地链接处.
href 参数 |
效果 |
---|---|
href="https://www.baidu.com/" | 超链接到百度网页 |
href="./index.html/" | 链接到本地(同目录)下的一个文件 |
href="#foot" | 锚链接到本页面下的锚点foot |
href="./index.html#foot/" | 锚链接到本地(同目录)下的一个文件的一个锚点foot |
1.4.4 target
参数
target 参数 |
效果 |
---|---|
target="_self" | 跳转到本页面(默认值) |
target="_blank" | 跳转到新标签 |
1.4.5 图像链接
超链接可以通过任意元素进行调整, 比如文字, 图像, 视频...
可以通过emmet语法快速书写:
a>img
语法: <a href=""><img src="" alt=""></a>
相关文章
- js中shift和unshift的对比
- js数组在头部或尾部插入元素的方法
- CSS伪类选择器是什么
- js使用构造函数的缺点
- js正则表达式匹配数字和小数
- js中resize事件是什么
- js正则表达式验证手机号码
- js数组中find方法的介绍
- 如何在js数组的指定位置添加元素?
- js中slice() 方法改变原数组吗
- js对象的读取速度
- js判断日期是否大于当前日期
- css如何使用scale()方法进行缩放
- js中co模块的介绍
- js如何对类型进行判断
- js中变量对象如何理解
- 5 个JavaScript 中 Slice()的用例
- 【Win 10应用开发】把文件嵌入到XML文档
- 分享 5 个 JavaScript 中 Slice() 的用法
- Spring Boot单元测试用例