前端:a标签的跳转方式

作者 : admin 本文共444个字,预计阅读时间需要2分钟 发布时间: 2024-03-5 共1人阅读

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

跳转到page页面

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

跳转到example.com页面

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

跳转到页面中的section2

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

这是第二个部分

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

在新窗口打开page页面

target属性

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

在当前窗口打开链接

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

在新窗口打开链接

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

在相同框架中打开链接

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

在父框架中打开链接

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

在顶层窗口中打开链接

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

使用JavaScript跳转到page页面

本站无任何商业行为
个人在线分享 » 前端:a标签的跳转方式
E-->