JavaScript HTML DOM Location href 属性

  • href 属性

    href属性设置或返回当前页面的整个URL。
    返回整个URL(当前页面):
    var x = location.href;
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    href
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回href属性
    location.href
    设置href属性
    location.href = URL
  • 属性值

    属性值 类型 描述
    URL String 指定链接的URL。可能的值:
    • 绝对URL - 指向另一个网站(如location.href =“http://www.example.com/default.htm”)
    • 相对URL - 指向网站中的文件(如location.href =“default.htm”)
    • 锚点URL - 指向页面中的锚点(如location.href =“#top”)
    • 新协议 - 指定不同的协议(如location.href =“ftp://someftpserver.com”,location.href =“mailto:someone@example.com”或location.href=“file://host/path/example.txt“)
  • 技术细节

    项目 描述
    返回值: 一个字符串,表示页面的整个URL,包括协议(如http://)
  • 更多例子

    将href值设置为指向另一个网站:
    location.href = "https://www.cainiaoya.com";
    
    尝试一下
    将href值设置为指向页面中的锚点:
    location.href = "#top";
    
    尝试一下
    将href值设置为指向电子邮件地址(将打开并创建新的电子邮件):
    location.href = "mailto:someone@example.com";
    
    尝试一下