前端小栈网页前端后台技巧(CSS+HTML)

关于<a>标签的知识点

2019-07-11  本文已影响0人  Frontend晚枫

a标签跳转页面为GET请求,无法使用post请求

href属性

1.伪协议

写法一:在href中使用js代码。

<a href="javascript:alert(1);">

写法二:可以称之为伪超链接,必须写上;表示js代码,不会向服务器提交请求,不做任何操作。

<a href="javascript:;">

2.路径

写法一:绝对路径

  <a href="http://qq.com">

写法二:相对路径

<a href="../admin/index.html">

3.参数

写法一:#通常用于锚点定位,其中3表示id

  <a href="#3">

写法二:?传参,将本页再次向服务器提交请求,同时加入查询参数

<a href="?name=wanfeng">

target属性

1._blank

在新标签页中打开被链接地址:<a href="http://qq.com" target="_blank">

2._self

在当前页面中打开被链接地址:<a href="http://qq.com" target="_self">

3._parent,需要和iframe标签同时使用才能看见效果

在父级页面中打开被链接地址:<a href="http://qq.com" target="_parent">

4._top,需要和iframe标签同时使用才能看见效果

在整个浏览器的一级页面中打开被链接地址:<a href="http://qq.com" target="_top">

5.framename,需要和iframe标签同时使用才能看见效果,framename是框架的name属性值

在指定的框架中打开被链接地址:<a href="http://qq.com" target="framename">

download属性

当a标签写上download属性的时候,表示这个超链接是执行下载,而不是跳转一个页面展示出来

<a href="http://qq.com" download>
上一篇下一篇

猜你喜欢

热点阅读