📜  javascript 打开网址 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:12.251000             🧑  作者: Mango

JavaScript 打开网址

在 web 开发中,经常需要通过 JavaScript 打开网页、链接或弹出框等。本文将介绍如何使用 JavaScript 打开网址。

使用 window.location.href

window.location.href 是一个表示当前页面 URL 地址的字符串,可以用于跳转到新页面或更新当前页的 URL。

// 打开新页面
window.location.href = "http://www.example.com";

// 更新当前页面 URL
window.location.href = "http://www.example.com/new_path";

在上述示例中,我们使用 window.location.href 跳转到另外一个网址。如果您想更新当前页面,只需要将要更新的 URL 传递给 window.location.href 即可。

使用 window.open

window.open 可以用于打开新的浏览器窗口或标签页,可以设置窗口大小、位置、菜单栏、工具栏等等。

// 打开新窗口
window.open("http://www.example.com");

// 打开带有特定大小和位置的窗口
window.open("http://www.example.com", "example", "width=400,height=400,left=100,top=100");

// 打开带有菜单栏和工具栏的窗口
window.open("http://www.example.com", "example", "menubar=1,toolbar=1");

在上述示例中,我们使用 window.open 打开了一个新的窗口,并可以设置窗口的大小、位置、菜单栏、工具栏等等。

使用 location.replace

location.replace 可以用于在当前窗口中打开一个新页面,并替换当前页面的 URL。

// 替换当前页面 URL
location.replace("http://www.example.com");

在上述示例中,我们使用 location.replace 替换了当前页面的 URL,并在当前窗口中打开了新的页面。

以上就是使用 JavaScript 打开网址的几种方法。使用这些方法,我们可以轻松地在 web 开发中实现跳转、更新 URL、打开新窗口或标签页等功能。