如何在JavaScript或jQuery中查找url参数，然后应用事件侦听器？

所以我有一个网址： /somepage/goes here/something？image=main\u image.jpg&type=shirt

如何获取这两个不同的属性，然后对它们应用eventListener

我尝试了以下方法：

var originalUrl = window.location.href
var type = originalUrl.search.get("type");
var image = originalUrl.search.get("image");

function getParam(param){
return new URLSearchParams(window.location.search).get(type);
}

$(function(){
$.url.attr('image')
$.url.attr('type')
});

但我真的认为我没有用.search.get获取属性。加上它的错误。search.get（“type”）不是一个函数

我还尝试了以下方法：

var originalUrl = window.location.href
var type = originalUrl.search.get("type");
var image = originalUrl.search.get("image");

function getParam(param){
return new URLSearchParams(window.location.search).get(type);
}

$(function(){
$.url.attr('image')
$.url.attr('type')
});

老实说，我不太熟悉URLSearchParams，但它是否与上面的类似？我怎么才能把两个情人都弄到这里来

对于我不熟悉的jQuery，我还有以下几点：

var originalUrl = window.location.href
var type = originalUrl.search.get("type");
var image = originalUrl.search.get("image");

function getParam(param){
return new URLSearchParams(window.location.search).get(type);
}

$(function(){
$.url.attr('image')
$.url.attr('type')
});

---

这个…不知道。但是它失败了，因为它没有引入url。

或者，您可以构建一个对象，并按如下方式获取它们：

var originalUrl = new URL(location.href);
var type = originalUrl.searchParams.get('type');
var image = originalUrl.searchParams.get('image');

---

有一件事需要注意。在这篇文章中，IE似乎不支持，，

或者，你可以构建一个对象并抓取它们，如下所示：

var originalUrl = new URL(location.href);
var type = originalUrl.searchParams.get('type');
var image = originalUrl.searchParams.get('image');

---

有一件事需要注意。在这篇文章中，IE似乎不支持

为什么要将事件侦听器添加到字符串中？我不支持。我想将事件侦听器添加到与参数关联的按钮中。例如，图像周围有一个容器，我希望它处于活动状态。而类型实际上与一个按钮相关联。基于当前的图像和类型，我希望激活它们的关联。第一步，通读并找到正在传递的参数。第二步，应用事件侦听器。这是很棒的东西！谢谢。为什么要将事件侦听器添加到字符串？我没有。我想将事件侦听器添加到与参数关联的按钮中。例如，图像周围有一个容器，我希望它处于活动状态。而类型实际上与一个按钮相关联。基于当前的图像和类型，我希望激活它们的关联。第一步，通读并找到正在传递的参数。第二步，应用事件侦听器。这是很棒的东西！谢谢。使用searchParams.get（'type'）我会得到衬衫吗？如果你的url类似于

http://example.com/?type=shirt

我也这么认为。使用searchParams.get（'type'）我会得到衬衫吗？如果你的url类似于

http://example.com/?type=shirt

我想是这样的。