IE11 - 对象不支持此操作 - URL 对象 - 解决方法答案

【问题标题】：IE11 - Object doesn't support this action - URL object - workaroundIE11 - 对象不支持此操作 - URL 对象 - 解决方法
【发布时间】：2018-07-09 13:33:13
【问题描述】：

我正在尝试使用此命令将 URL 字符串转换为 URL 对象：

var newUrl = new URL("http://www.testsite.com?name=abc&class=123");

它适用于 Chrome 和 Firefox，但不适用于 IE11。是否有已知的解决方法？

谢谢。

【问题讨论】：

标签： url internet-explorer-11

【解决方案1】：

不，该 URL 对象在 IE 中不可用 https://developer.mozilla.org/en-US/docs/Web/API/URL

不过，您可以使用一些小型库来伪造它http://blog.stevenlevithan.com/archives/parseuri

// parseUri 1.2.2
// (c) Steven Levithan <stevenlevithan.com>
// MIT License
// http://blog.stevenlevithan.com/archives/parseuri

function parseUri (str) {
    var o   = parseUri.options,
        m   = o.parser[o.strictMode ? "strict" : "loose"].exec(str),
        uri = {},
        i   = 14;

    while (i--) uri[o.key[i]] = m[i] || "";

    uri[o.q.name] = {};
    uri[o.key[12]].replace(o.q.parser, function ($0, $1, $2) {
        if ($1) uri[o.q.name][$1] = $2;
    });

    return uri;
};

parseUri.options = {
    strictMode: false,
    key: ["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"],
    q:   {
        name:   "queryKey",
        parser: /(?:^|&)([^&=]*)=?([^&]*)/g
    },
    parser: {
        strict: /^(?:([^:\/?#]+):)?(?:\/\/((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?))?((((?:[^?#\/]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/,
        loose:  /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/
    }
};

用法

parseUri.options.strictMode = true;

【讨论】：