链接标签的介绍和target属性

链接标签的介绍
➢场景:点击之后,从一个页面跳转到另一个页面
➢称呼: a标签、 超链接、锚链接
➢代码: <a href="./目标网页.html">超链接</a>
➢特点:
双标签,内部可以包裹内容
如果需要a标签点击之后去指定页面,需要设置a标签的href属性

链接标签的target属性
➢属性名
target
➢属性值:目标网页的打开形式
取值
效果
_se1f 
默认值,在当前窗口中跳转(覆盖原网页
_blank
在新窗口中跳转(保留原网页)
<a href= "https: / /www. baidu. com/" target="_blank">百度一下</a>

动态添加target属性可以通过JavaScript来实现。你可以使用`setAttribute`方法来为a标签添加target属性,并设置其值为所需的目标窗口名称。例如,如果你想要在新窗口中打开链接,可以使用以下代码: ```javascript var link = document.getElementById("yourLinkId"); link.setAttribute("target", "_blank"); ``` 其中,"yourLinkId"是你要添加target属性的a标签的id。你可以根据实际情况修改代码中的id目标窗口名称。这样,当用户点击该链接时,链接将在新窗口中打开。 #### 引用[.reference_title] - *1* [HTML链接a标签的herf、target属性用法](https://blog.youkuaiyun.com/yun_shuo/article/details/110814408)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [html A标签target属性修改后无效的问题分析](https://blog.youkuaiyun.com/Revivedsun/article/details/103172713)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [a标签target属性](https://blog.youkuaiyun.com/weixin_64630810/article/details/127058081)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值