我在IE中遇到方法新网址（＆＃39;地址＆＃39;）的问题。
我有这段代码：
var href = location.href;
var hrefParams = new URL(href);
var api = hrefParams.searchParams.get("api");
在Firefox和Chrome中，它可以正常工作，我将获得属性＆＃34; api＆＃34;的价值。
但是在IE中我在控制台上遇到错误：
SCRIPT445：对象不支持此操作
控制台错误调试器指向行
的问题var hrefParams = new URL(href);
为解决另一个问题，我已经调用了脚本
<script type="text/javascript" src="js/bluebird.min.js"></script>
但它并没有解决这个问题。
知道如何在IE中修复它吗？
答案 0 :(得分：14)
最后我通过这段代码解决了这个问题：
TextChanged...
function getQueryString() {
var key = false, res = {}, itm = null;
// get the query string without the ?
var qs = location.search.substring(1);
// check for the key as an argument
if (arguments.length > 0 && arguments[0].length > 1)
key = arguments[0];
// make a regex pattern to grab key/value
var pattern = /([^&=]+)=([^&]*)/g;
// loop the items in the query string, either
// find a match to the argument, or build an object
// with key/value pairs
while (itm = pattern.exec(qs)) {
if (key !== false && decodeURIComponent(itm[1]) === key)
return decodeURIComponent(itm[2]);
else if (key === false)
res[decodeURIComponent(itm[1])] = decodeURIComponent(itm[2]);
}
return key === false ? res : null;
}
我忘了我发现的地方，但它正在我需要的地方工作。
答案 1 :(得分：7)
IE不支持URL。你必须为它添加一个polyfill。
答案 2 :(得分：6)
如果有人感兴趣，我正在使用的另一种解决方案
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
getParameterByName('api');
答案 3 :(得分：4)
IE
不支持此方法请参阅https://developer.mozilla.org/en-US/docs/Web/API/URL#AutoCompatibilityTable
你应该使用像jquery deparam这样的lib或者用String.split（）方法检索参数或使用我做的这个函数：
function decodeUriComponentWithSpace (component) {
return decodeURIComponent(component.replace(/\+/g, '%20'))
}
// type : 'hash', 'search' or 'both'
function getLocationParameters (location, type) {
if (type !== 'hash' && type !== 'search' && type !== 'both') {
throw 'getLocationParameters expect argument 2 "type" to be "hash", "search" or "both"'
}
let searchString = typeof location.search === 'undefined' ? '' : location.search.substr(1)
let hashString = typeof location.hash === 'undefined' ? '' : location.hash.substr(1)
let queries = []
if (type === 'search' || type === 'both') {
queries = queries.concat(searchString.split('&'))
}
if (type === 'hash' || type === 'both') {
queries = queries.concat(hashString.split('&'))
}
let params = {}
let pair
for (let i = 0; i < queries.length; i++) {
if (queries[i] !== '') {
pair = queries[i].split('=')
params[this.decodeUriComponentWithSpace(pair[0])] = this.decodeUriComponentWithSpace(pair[1])
}
}
return params
}
// TEST:
window.location.hash = 'test=a&test2=b'
console.log(getLocationParameters(window.location, 'both'))
答案 4 :(得分：3)
纯Javascript解决方案，因此您也可以在IE中运行它，而不必担心polyfills：
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
来自此页面：https://html-online.com/articles/get-url-parameters-javascript/
答案 5 :(得分：2)
这是另一个专门用于URL api的polyfill，旨在与现代浏览器完全一样地工作，并且仅在需要时运行。这样，您无需使用单独的功能，一旦决定放弃对IE的支持，该功能便会过时。
<script src="https://gist.github.com/RyanG26/def0a520ed43c6c465d9a6518161bc7c.js"></script>
要点页面： https://gist.github.com/RyanG26/def0a520ed43c6c465d9a6518161bc7c
答案 6 :(得分：1)
修改后的@ales代码，用于获取特定参数的值。默认值设置为false。
function getUrlVars(index) {
var vars = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (
m,
key,
value
) {
vars[key] = value;
});
if (index) {
return vars[index] || false;
}
return vars;
}
答案 7 :(得分：1)
出于我的项目目的，我创建了此脚本，我认为该脚本也可以为您或对IE11有问题且缺乏对URL方法的支持的其他人使用。
/* Polyfill URL method IE 11 */
// ES5
if (typeof window.URL !== 'function') {
window.URL = function (url) {
var protocol = url.split('//')[0],
comps = url.split('#')[0].replace(/^(https\:\/\/|http\:\/\/)|(\/)$/g, '').split('/'),
host = comps[0],
search = comps[comps.length - 1].split('?')[1],
tmp = host.split(':'),
port = tmp[1],
hostname = tmp[0];
search = typeof search !== 'undefined' ? '?' + search : '';
var params = search
.slice(1)
.split('&')
.map(function (p) { return p.split('='); })
.reduce(function (p, c) {
var parts = c.split('=', 2).map(function (param) { return decodeURIComponent(param); });
if (parts.length == 0 || parts[0] != param) return (p instanceof Array) && !asArray ? null : p;
return asArray ? p.concat(parts.concat(true)[1]) : parts.concat(true)[1];
}, []);
return {
hash: url.indexOf('#') > -1 ? url.substring(url.indexOf('#')) : '',
protocol: protocol,
host: host,
hostname: hostname,
href: url,
pathname: '/' + comps.splice(1).map(function (o) { return /\?/.test(o) ? o.split('?')[0] : o; }).join('/'),
search: search,
origin: protocol + '//' + host,
port: typeof port !== 'undefined' ? port : '',
searchParams: {
get: function(p) {
return p in params? params[p] : ''
},
getAll: function(){ return params; }
}
};
}
}
// ES6, in case of using Babel in a project
if( typeof window.URL !== 'function' ){
window.URL = function(url){
let protocol = url.split('//')[0],
comps = url.split('#')[0].replace(/^(https\:\/\/|http\:\/\/)|(\/)$/g, '').split('/'),
host = comps[0],
search = comps[comps.length - 1].split('?')[1],
tmp = host.split(':'),
port = tmp[1],
hostname = tmp[0];
search = typeof search !== 'undefined'? '?' + search : '';
const params = search
.slice(1)
.split('&')
.map(p => p.split('='))
.reduce((obj, pair) => {
const [key, value] = pair.map(decodeURIComponent);
return ({ ...obj, [key]: value })
}, {});
return {
hash: url.indexOf('#') > -1? url.substring(url.indexOf('#')) : '',
protocol,
host,
hostname,
href: url,
pathname: '/' + comps.splice(1).map(function(o){ return /\?/.test(o)? o.split('?')[0] : o; }).join('/'),
search,
origin: protocol + '//' + host,
port: typeof port !== 'undefined'? port : '',
searchParams: {
get: p => p in params? params[p] : '',
getAll: () => params
}
};
}
}
/* Polyfill IE 11 end */
new URL('http://localhost:8080/?a=1&b=3&c=z#123').searchParams.get('c'); // this will return "z"
但是，如果对您不起作用，您可以在网址上的此包中获取我认为完整的支持和可填充功能：
答案 8 :(得分：0)
添加polyfill CDN脚本
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>