HTMLAnchorElement对象对应<a>标签

<a target="_blank" href="https://biaoyansu.com/a/b/c#yo">表严肃</a>

常用属性

  • .href 链接地址："https://biaoyansu.com/a/b/c#yo"
  • .text 链接地址："表严肃"
  • .hash 井号后的内容："#yo"
  • .hostname 主机名（一般为域名）："biaoyansu.com"
  • .pathname 路径："/a/b/c"
  • .protocol 协议："https:"
  • .target target属性（打开方式）："_blank"
  • .download 此链接是否为文件地址（是否用于下载）默认为false

常用方法

.toString() 返回完整链接，跟.href一样

例子

结果
HTML
JS
运行
整页预览 
<a target="_blank" href="https://biaoyansu.com/a/b/c#yo">表严肃</a>
<div id="info"></div>
var el = document.querySelector('a');
var info = document.querySelector('#info');
info.innerHTML =
    '<div><samp><strong>href</strong>: ' + el.href + '</samp></div>' +
    '<div><samp><strong>hash</strong>: ' + el.hash + '</samp></div>' +
    '<div><samp><strong>hostname</strong>: ' + el.hostname + '</samp></div>' +
    '<div><samp><strong>pathname</strong>: ' + el.pathname + '</samp></div>' +
    '<div><samp><strong>protocol</strong>: ' + el.protocol + '</samp></div>' +
    '<div><samp><strong>target</strong>: ' + el.target + '</samp></div>' +
    '<div><samp><strong>text</strong>: ' + el.text + '</samp></div>' +
    '<div><samp><strong>toString</strong>(): ' + el.toString();
登录后评论