前端:a标签的跳转方式

本文介绍了HTML中页面跳转的几种方式,包括使用相对/绝对路径、外部链接、锚点以及利用JavaScript的window.location属性。同时详细解释了target属性在不同情况下的页面打开方式。
摘要由CSDN通过智能技术生成

一、内部页面跳转:使用相对路径或者绝对路径指定目标页面的URL,例如:

<a href="page.html">跳转到page页面</a>

二、外部页面跳转:使用完整的URL指定目标页面的地址,例如:

<a href="https://example.com">跳转到example.com页面</a>

三、跳转到锚点:通过指定目标页面中的锚点来进行跳转,例如:

<a href="#section2">跳转到页面中的section2</a>

 目标页面中需要包含对应的锚点,例如:

<h2 id="section2">这是第二个部分</h2>

 四、在新窗口打开页面:使用target="_blank"属性可以在新的浏览器窗口或标签页中打开目标页面,例如:

<a href="page.html" target="_blank">在新窗口打开page页面</a>

target属性

1、在当前窗口中打开链接(默认行为):

<a href="https://www.example.com">在当前窗口打开链接</a>

 2、在新窗口中打开链接:

<a href="https://www.example.com" target="_blank">在新窗口打开链接</a>

 3、在相同的框架中打开链接(如果有框架):

<a href="https://www.example.com" target="_self">在相同框架中打开链接</a>

4、在父框架中打开链接(如果有框架): 

<a href="https://www.example.com" target="_parent">在父框架中打开链接</a>

5、在顶层窗口中打开链接: 

<a href="https://www.example.com" target="_top">在顶层窗口中打开链接</a>

五、JavaScript跳转:使用JavaScript的window.location属性进行跳转,例如:

<a href="javascript:window.location='page.html'">使用JavaScript跳转到page页面</a>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值