window.location.search清空

`window.location.search` 是 JavaScript 中用于获取 URL 查询字符串的部分，它类似于 `?key=value&key2=value2...` 部分。如果你想清空查询字符串，通常的做法不是直接修改 `window.location.search`，因为这会改变整个 URL，可能会导致页面刷新。相反，你可以选择设置一个新的查询字符串，例如：

window.location.search = '';

或者，如果你想要移除所有查询参数而不保留问号 "?", 可以这样做：

var searchParams = new URLSearchParams(window.location.search);
searchParams.forEach(function(value, key) {
    searchParams.delete(key);
});
window.location.search = searchParams.toString(); // 结果将变成 ""

这个方法不会改变URL本身，而是仅仅更新了浏览器地址栏中显示的内容。

相关问题

window.location.href跳转无法返回

window.location.href跳转无法返回的原因是，当使用window.location.href进行页面跳转时，在跳转之后，浏览器的历史记录中已经没有了原始页面的信息，因此无法直接返回。这是因为在跳转时，浏览器会将跳转前的页面从浏览历史记录中移除，只保留了跳转后的页面。因此，无法通过浏览器的返回按钮或者通过编程的方式返回到之前的页面。

解决这个问题的方法是，在跳转之前在代码中添加一个return语句，以阻止后续的代码执行。这样，当跳转发生时，代码会立即停止执行，从而防止跳转之后的代码继续执行。这样就可以避免跳转后无法返回的问题。

另外，要注意的是，如果在跳转或后退到原页面时，之前的跳转地址没有被清空，再次执行事件时可能会出现没有反应的情况。因此，在每次跳转之后，应该及时清空跳转地址，以确保下次跳转能够正常执行。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [微信浏览器window.location.href跳转无效](https://blog.csdn.net/weixin_43023463/article/details/131024186)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [解决使用window.open()或window.location.href跳转后返回/后退原页面不能再度跳转的问题](https://blog.csdn.net/vvv3171071/article/details/121513564)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

<script type="text/javascript"> // 将头像下拉框动态展示 $('.header .top-head .user-wrap .avatar').mouseenter(function () { $('.header .top-head .user-wrap ul').css('display', 'block'); }) $('.header .top-head .user-wrap .avatar').mouseleave(function () { $('.header .top-head .user-wrap ul').css('display', 'none'); }) // 赋予点击操作 $('#3').click(function () { // 清空登录时存到sessionStorage里面的值 sessionStorage.removeItem('user'); location.href = 'login.html' }); layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function () { var laydate = layui.laydate //日期 , layer = layui.layer //弹层 $('#2').click(function () { xadmin.open('修改密码', 'user-editPwd.html', 550, 350) }); $('#1').click(function () { xadmin.open('修改个人信息', 'user-edit.html', 560, 350) }); }); </script> <script> $("#search-btn").click(function () { var bTitle = $('#bTitle').val() console.log(bTitle) $.ajax({ url: "http://127.0.0.1:8001/front/frSearch" , type: "get" , data: { 'bTitle': bTitle } , success: function (datas) { console.log(datas) var storage = window.sessionStorage; // 想要用sessionStorage存储对象，必须先将对象转化为json字符串 var json = JSON.stringify(datas.data); storage.setItem('searchByBTitle', json); location.href = 'search.html' } }); }); </script>这段代码哪里提交的表单

这段代码并没有直接提交表单，但是它包含了一个点击事件的监听器，当点击id为"search-btn"的元素时，会执行一个AJAX请求。在该请求中，通过GET方法将表单中id为"bTitle"的值作为参数传递给后端接口：

$.ajax({
  url: "http://127.0.0.1:8001/front/frSearch",
  type: "get",
  data: { 'bTitle': bTitle },
  success: function (datas) {
    // ...
  }
});

这段代码的作用是在点击"search-btn"元素时，发送一个GET请求到"http://127.0.0.1:8001/front/frSearch"接口，并将表单中id为"bTitle"的值作为参数传递给后端。成功获取响应后，会执行success回调函数中的代码。根据代码逻辑，这个请求可能用于搜索书籍标题相关的内容，并将返回结果存储到sessionStorage中，并跳转到"search.html"页面。