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();
登录后评论