location.assign

嘿！兄弟姐妹们，今天咱们来聊聊 () 这货！

这货到底是个啥？

别怕，这玩意儿可不是什么高深莫测的魔法咒语，它就是 JavaScript 里用来控制网页跳转的利器！

简单来说，location.assign() 就像一个万能遥控器，你只要告诉它想去哪个页面，它就能带着你瞬间转移！

就像这样：

javascript

window.location.assign("https://www.baidu.com");

OK，代码写完了，嗖的一下，你就被带到百度首页了！

是不是很简单？😎

那它跟 location.replace() 有啥区别？

别急，咱们慢慢说。

location.assign() 和 location.replace() 都是用来跳转页面的，但它们俩有一个重要的区别：

location.assign() 会把当前页面添加到浏览器的历史记录里，而 location.replace() 则会直接替换掉当前页面。

打个比方，你正在看一个超长视频，突然想看看微博，这时：

如果用 location.assign() 跳转到微博，你点回退按钮就能回到视频页面，继续观看。

而用 location.replace() 跳转到微博，你点回退按钮就只能返回你之前访问过的页面了。

所以，选择哪种方法，就要看你的具体需求了！

你问我：location.assign() 还能干啥？

嘿，这可就说来话长了！它还能干很多事，比如：

通过 window.location.href 获取当前页面的 URL，并把它赋值给一个变量。

javascript

let currentURL = window.location.href;

console.log(currentURL); // 打印当前页面的 URL

通过 window.location.pathname 获取当前页面的路径。

javascript

let currentPath = window.location.pathname;

console.log(currentPath); // 打印当前页面的路径

通过 window.location.search 获取 URL 中的查询参数。

javascript

let searchParams = window.location.search;

console.log(searchParams); // 打印 URL 中的查询参数

等等，你问我怎么解析查询参数？

别急，我可以告诉你，用 URLSearchParams 对象就可以啦！

javascript

let searchParams = new URLSearchParams(window.location.search);

let name = searchParams.get('name'); // 获取名为 'name' 的参数值

console.log(name);

你问我：location.assign() 还有什么要注意的？

当然有！它可不是万能的，也有它自己的脾气：

如果 location.assign() 传入的 URL 是无效的，就会报错。

如果 location.assign() 传入的 URL 是跨域的，就会被浏览器拦截。

所以，在使用 location.assign() 之前，最好先检查一下 URL 是否合法，并且确保它不是跨域的。

你问我：location.assign() 到底有多强大？

强大的地方就在于它可以实现各种网页跳转的效果！

跳转到指定的页面：

javascript

window.location.assign("https://www.google.com");

跳转到当前页面的某个锚点：

javascript

window.location.assign("top");

跳转到当前页面的上一页：

javascript

window.location.assign("javascript:history.back()");

跳转到当前页面的下一页：

javascript

window.location.assign("javascript:history.forward()");

你问我：location.assign() 还有什么黑魔法？

额，这个嘛……其实它本身没有黑魔法，但有些时候，我们可以借助它来实现一些“奇技淫巧”。

比如，你可以通过 location.assign() 来实现页面刷新，而且还可以自定义刷新的方式：

怎么样？是不是很酷？

你问我：location.assign() 到底该怎么用？

其实， location.assign() 的使用方法很简单，只要记住它的语法就行了：

javascript

window.location.assign(url);

其中， url 是要跳转到的目标页面的 URL。

记住，location.assign() 是 JavaScript 中一个非常重要的函数，它可以帮助你实现各种页面跳转的效果。

你还有什么问题吗？快来留言告诉我吧！