在前端开发中，我们经常需要操作浏览器窗口的位置、大小和 URL 等属性。在 JavaScript 中，有两个重要的对象用于处理这些属性：window 和 location。
window 对象
window 对象表示整个浏览器窗口，是访问浏览器所有属性和方法的入口。我们可以使用 window 对象来访问或修改浏览器窗口的大小、位置、标题等属性，还可以打开新的浏览器窗口或标签页。
窗口位置
要获取当前窗口的位置，可以使用 window.screenX 和 window.screenY 属性。例如：
--------------------------- ----------------
要将窗口移动到指定的位置，可以使用 window.moveTo() 方法。例如：
------------------ -----
这个方法会将当前窗口移动到屏幕上坐标为 (100, 100) 的位置。
刷新页面
要刷新当前页面，可以使用 window.location.reload() 方法。例如：
-------------------------
这个方法会重新加载当前页面，并更新浏览器地址栏中的 URL。
打开新窗口
要打开一个新的浏览器窗口，可以使用 window.open() 方法。例如：
-------------------------------------- --------- ------------------------
这个方法会打开一个新的浏览器窗口，其中第一个参数是要打开的 URL，第二个参数是窗口的名称，第三个参数是窗口的属性（例如宽度和高度）。
location 对象
location 对象表示当前文档的 URL。我们可以使用 location 对象来获取或修改当前文档的 URL，还可以获取 URL 的各个部分（例如协议、主机名、路径等）。
获取 URL
要获取当前文档的 URL，可以使用 location.href 属性。例如：
---------------------------
这个属性返回的是当前文档的完整 URL。
要获取 URL 的其他部分，可以使用类似下面的代码：
------------------------------- -- -------- --------------------------- -- ----------------- ------------------------------- -- -------------------- ----------------------------- -- -------------- --------------------------- -- ----------
修改 URL
要修改当前文档的 URL，可以直接修改 location.href 属性。例如：
------------- - ----------------------------------
这个代码会将当前文档的 URL 修改为 https://www.example.com/new-url。
注意，如果你只想修改 URL 的一部分，可以先将需要修改的部分保存到变量中，然后再拼接成新的 URL。例如：
----- --------- - --------------- ------------- - ---------------------------------------------------------------------
这个代码会将当前文档的查询字符串修改为 ?foo=3&bar=4，但不会修改其他部分（例如协议、主机名、路径和片段）。
总结
window 和 location 对象都是非常重要的对象，它们用于操作浏览器窗口和 URL。在开发过程中，我们需要学习并掌握它们的各种属性和方法，才能更好地实现所需功能。
示例代码：
--------- -----
------
------
----- ----------------
------------- --- ----------------
-------
------
---------- --- -------------
---------- ---- ----- --------------------
------- -------------- ---------------
------- ----------
- ---------------------------------------------------------- --------
-------------------------------------------------------------------------------------