JavaScript中的页面跳转

在Web开发中，经常需要将一个页面跳转到另一个页面，JavaScript是实现页面跳转的一种常用方式。

方法一：使用window对象的location属性

通过window对象的location属性，可以获取当前浏览器窗口的url地址，并可以通过修改这个属性实现页面跳转。

语法

window.location.href = url;

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

示例

//跳转到百度首页
window.location.href = "https://www.baidu.com";

这个例子会将当前页面跳转到百度首页。

方法二：使用window对象的open方法

通过window对象的open方法，可以打开一个新的浏览器窗口，在这个新的浏览器窗口中打开某个url地址。

语法

window.open(url, name, specs, replace);

其中，url是要打开的目标页面的url地址；name是要打开的窗口的名称，如果窗口已存在，则此参数无效；specs是一些可选参数，如窗口的大小、位置等；replace是一个布尔值，表示是否用目标页面替换当前页面的历史记录。

示例

//在新的窗口中打开百度视频
window.open("https://v.baidu.com/", "_blank");

这个例子会在新的浏览器窗口中打开百度视频。

方法三：使用location对象的assign方法

location对象是window对象的一个属性，通过它可以直接访问和修改浏览器的url地址。

语法

location.assign(url);

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

示例

//跳转到百度新闻
location.assign("https://news.baidu.com/");

这个例子会将当前页面跳转到百度新闻。

方法四：使用location对象的replace方法

replace方法与assign方法很像，都可以实现页面跳转，只不过它不会在浏览器的历史记录中保存记录，也就是说，用户无法使用浏览器的“回退”按钮返回跳转前的页面。

语法

location.replace(url);

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

示例

//跳转到百度贴吧
location.replace("https://tieba.baidu.com/");

这个例子会将当前页面跳转到百度贴吧，但是无法使用浏览器的“回退”按钮返回。