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

Question

所以我有这个网址:/somepage/goes-here/something?image=main_image.jpg&type=shirt

如何获取两个不同的属性，然后向它们应用事件监听器？

我尝试过以下方法:

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

但我真的不认为我通过 .search.get 获得了属性。另外，它的错误是 .search.get("type") is not a function。

我还尝试了以下方法:

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

老实说，我对 URLSearchParams 不太熟悉，但它不是与上面类似吗？我如何在这里获取这两个参数？

对于我不熟悉的 jQuery，我也有以下内容:

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

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

Answer 1

或者，您可以构造一个 URL对象并按如下方式抓取它们:

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

有一点需要注意。截至这篇文章，似乎 IE 不支持它。