单击按钮时从URL中删除查询参数无效

是因为在前端开发中，URL是由多个部分组成的，包括协议、主机名、路径和查询参数等。查询参数是用来向服务器传递额外的信息，以便服务器根据这些参数来处理请求。

当我们单击按钮时，通常会触发一个事件处理函数，该函数可以通过修改URL来实现删除查询参数的效果。具体的实现方式可以通过以下步骤来完成：

1. 获取当前页面的URL：可以使用window.location.href来获取当前页面的完整URL。
2. 解析URL：可以使用URL对象或者正则表达式来解析URL，获取其中的查询参数。
3. 删除查询参数：根据需要删除的查询参数名称，可以使用URLSearchParams对象的delete()方法来删除查询参数。
4. 构建新的URL：根据修改后的查询参数，可以使用URLSearchParams对象的toString()方法将其转换为字符串。
5. 修改URL：可以使用window.history.replaceState()方法来替换当前页面的URL，将新的URL应用到页面中。

以下是一个示例代码，用于在单击按钮时从URL中删除指定的查询参数：

// 获取当前页面的URL
var url = window.location.href;

// 解析URL
var parsedUrl = new URL(url);

// 获取查询参数
var searchParams = parsedUrl.searchParams;

// 删除指定的查询参数
searchParams.delete('paramName');

// 构建新的URL
var newUrl = parsedUrl.origin + parsedUrl.pathname + '?' + searchParams.toString();

// 修改URL
window.history.replaceState(null, '', newUrl);

这样，在单击按钮时，就可以从URL中删除指定的查询参数了。

对于这个问题，腾讯云并没有特定的产品或者服务与之直接相关。但是在前端开发中，可以使用腾讯云的云存储服务 COS（对象存储）来存储和管理静态资源文件，例如图片、视频等。您可以通过腾讯云 COS 的官方文档了解更多信息：腾讯云 COS。