HTML5技术

URL相关Web APIs - 妙音天女

字号+ 作者:H5之家 来源:H5之家 2017-03-26 18:02 我要评论( )

参考文档:MDN Web API接口 URLUtils MDN Web API接口 URL MDN Web API接口 Location MDN Web API接口 HTMLAnchorElement 一、URLUtils 属性 描述 举例 URLUtils.href 包含整个URL的一个 DOMString https://developer.mozilla.org/en-US/search?q=URL#search

参考文档:MDN > Web API接口 > URLUtils

MDN > Web API接口 > URL

MDN > Web API接口 > Location

MDN > Web API接口 > HTMLAnchorElement

   

   

一、URLUtils

属性

描述

举例

URLUtils.href

包含整个URL的一个DOMString

https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container

URLUtils.protocol

https:

URLUtils.host

developer.mozilla.org

href="http://www.126.com/",host

href="http://www.126.com:80/",host也为

URLUtils.hostname

developer.mozilla.org

URLUtils.port

""

href="https://developer.mozilla.org:443/",port也为""

href="https://developer.mozilla.org:4097/",port"4097"

href="http://www.126.com/",port也为""

href="http://www.126.com:80/",port也为""

URLUtils.pathname

/en-US/search

URLUtils.search

?q=URL

URLUtils.hash

#search-results-close-container

URLUtils.username

  

URLUtils.password

  

URLUtils.origin 只读

https://developer.mozilla.org

URLUtils.searchParams

Returns a URLSearchParams object allowing to access the GET query arguments contained in the URL.

  

  4. 方法

方法

描述

举例

URLUtils.toString()

  

  

  

  

二、URL

  • URL 接口是一个包含若干静态方法的对象,用来创建 URLs。
  • 属性

    实现URLUtils的属性

  • 方法

    实现URLUtils的方法

  • 构造器

  • URL() 构造函数返回一个新创建的URL对象,表示由参数定义的URL。
  • 语法

    url = new URL(urlString, [baseURLstring])
    url = new URL(urlString, baseURLobject)

  • 参数

    描述

    urlString

    是一个表示绝对或相对URL的DOMString。

    如果urlString是相对URL,则baseURLstring或baseURLobject(无论存在)都将用作基本URL

    如果urlString是绝对URL,则将忽略baseURLstring和baseURLobject。

    baseURLstring

    是一个表示基本URL的DOMString,以便在urlString是相对URL时使用。

    如果未指定,且在参数中未传递baseURLobject,则默认为"about:blank"。

    如果它是一个无效的绝对URL,构造函数将引发一个类型为SYNTAX_ERROR的DOMException

    baseURLobject

    是表示基本URL的URL 对象,以便在urlString是相对URL时使用。

  •   例:

    var a = new URL("http://www.cnblogs.com/", "https://developer.mozilla.org"); // Creates a URL pointing to 'https://developer.mozilla.org/'

    var b = new URL("https://developer.mozilla.org"); // Creates a URL pointing to 'https://developer.mozilla.org'

    var c = new URL('en-US/docs', b); // Creates a URL pointing to 'https://developer.mozilla.org/en-US/docs'

    var d = new URL('/en-US/docs', b); // Creates a URL pointing to 'https://developer.mozilla.org/en-US/docs'

     

  • 1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • URL编码参考手册 - 妙音天女

      URL编码参考手册 - 妙音天女

      2017-03-26 18:01

    • HTTP状态码 - 妙音天女

      HTTP状态码 - 妙音天女

      2017-03-25 13:01

    • 列表总结Canvas和SVG的区别 - 妙音天女

      列表总结Canvas和SVG的区别 - 妙音天女

      2017-03-17 10:00

    • canvas的beginPath和closePath分析总结,包括多段弧的情况 - 妙音天女

      canvas的beginPath和closePath分析总结,包括多段弧的情况 - 妙音天

      2017-03-17 09:03

    网友点评
    c