介绍
当我们需要在当前页面中添加一些参数，例如用于跟踪或分析的值时，我们可以添加一个查询字符串来传递这些参数。本文将介绍如何使用jQuery/JavaScript在当前页面中添加查询字符串并重新加载。
方法
方法一：使用location对象
我们可以通过location.search属性获取当前页面的查询字符串，然后将新的参数添加到该字符串中。最后，使用location.href将页面重新加载。
-- -------------------- ---- -------
-------- ------------------------------------------------ --------------- -
--- --- - ---------------------
--- ------------ - --------------------------------- - --- - -----------------------------------
--- ----------------- - --- ---------- - --------------------------------- - -----------
-- ----------------- --- --- -
--- -- --- - -------------
- ---- -- ----------------------------- -
--- - ------------------------------ ---- - ------------------------------------
- ---- -
--- -- --- - -------------
-
-------------------- - ----
-方法二：使用history.pushState()
history.pushState()方法可以修改当前浏览器的历史记录，并更改URL中的查询字符串，但不会刷新页面。
-- -------------------- ---- -------
-------- -------------------------------------- --------------- -
--- ------ - ------------------------ - ---- -
-------------------- -
------------------------ -
--- - ------------- - --- - ---------------
------------------- ----- ------ -- --- --------
-
-------- ------------------------------------------------ --------------- -
-------------------------------------- ----------------
------------------
-示例代码
-- -------------------- ---- -------
--------- -----
------
------
------------- ---- ----- ------ --------- ---------------
------- -----------------------------------------------------------
--------
---------------------------- -
-- ------ -- ----- -------- ------
------------------------------------ -
-------------------------------------------- -------
---
-- ------ -- ----- -------------------
------------------------------------ -
---------------------------------- -------
------------------
---
---
-------- ------------------------------------------------ --------------- -
--- --- - ---------------------
--- ------------ - --------------------------------- - --- - -----------------------------------
--- ----------------- - --- ---------- - --------------------------------- - -----------
-- ----------------- --- --- -
--- -- --- - -------------
- ---- -- ----------------------------- -
--- - ------------------------------ ---- - ------------------------------------
- ---- -
--- -- --- - -------------
-
-------------------- - ----
-
-------- -------------------------------------- --------------- -
--- ------ - ------------------------ - ---- -
-------------------- -
------------------------ -
--- - ------------- - --- - ---------------
------------------- ----- ------ -- --- --------
-
---------
-------
------
---------- ---- ----- ------ --------- ------------
---- ------ -- ----- -------- ------ ---
------- ------------------------- ----------
---- ------ -- ----- ------------------- ---
------- ------------------------- ----------
-------
-------结论
在本文中，我们介绍了两种使用jQuery/JavaScript在当前页面中添加查询字符串并重新加载的方法。第一种方法使用location对象，而第二种方法使用history.pushState()。您可以根据需要选择适合自己的方法，并按照示例代码进行实现。这些方法不仅可以为您提供便利，还可以方便地携带参数进行跟踪和分析。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29578