欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

超链接的那些事(二): 属性href_html/css_WEB-ITnose

程序员文章站 2022-05-30 17:26:32
...
a标签的属性之一 href

1. 定义

href 属性用于指定超链接目标的 URL。

2. 用法

①. 锚点

  • 同一页面添加锚点
  • (1)连接到本页面的锚的超链接 //点击的连接

    (2) //放到要跳转内容的地方

  • 跨页面添加锚点
  • (1)在test2.html创建锚

    (2)在test1.html设置好连接连接到另外页面的锚的超链接

    ②. 下载

     

    href中的url需要有效,文件最好是rar格式

    ③. 打电话

      ④. 邮箱

    邮箱标签: mailto

    属 性: cc: 抄送

    bcc: 暗抄

    subject:主题

    body:邮箱内容

  • 常规
  • 利用逗号(,) 多地址发送
  • 利用属性
  •   ⑤. Javascript

  • 直接调用javascript
  • W3C标准不推荐在href里面执行javascript语句.这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。

  • 使用void, ::, undefined, 配合onclick
  • 最常用的方法,也是最周全的方法,地址不发生跳转,不会在地址栏暴露Js方法

  • '#'和onclick
  • '#'是标签内置的一个方法,代表top的作用,所以执行方法后返回页面最顶端。

    执行'return false'后,页面不发生跳转,页面停留在当前位置。

    未完待续....