js打开新的html页面
时间: 2023-10-20 20:11:59 浏览: 38
你可以使用 JavaScript 中的 `window.open()` 方法来打开一个新的 HTML 页面。
例如,下面的代码会在新窗口中打开一个名为 `newPage.html` 的页面:
```javascript
window.open("newPage.html");
```
你可以将此代码放在一个按钮的 `onclick` 事件处理程序中,以便在单击该按钮时打开新页面。
```html
<button onclick="window.open('newPage.html')">打开新页面</button>
```
相关问题
向新打开的html页面传递localStorage
要向新打开的HTML页面传递localStorage,您需要使用JavaScript中的window.localStorage对象将数据存储在本地存储中。然后,您可以使用window.open()方法打开新的HTML页面,并将localStorage作为参数传递给它。
以下是一个示例:
在第一个HTML页面中,您可以设置localStorage:
```
localStorage.setItem("myData", "Hello World");
```
然后,您可以使用window.open()方法在新的HTML页面中打开它:
```
window.open("newPage.html?myData=" + localStorage.getItem("myData"));
```
在新的HTML页面中,您可以使用以下代码获取localStorage数据:
```
var myData = window.location.search.split('myData=')[1];
console.log(myData);
```
这将输出“Hello World”到控制台。
a标签href调用js打开新页面
可以使用以下代码实现:
```html
<a href="javascript:void(0);" onclick="window.open('http://www.example.com')">打开新页面</a>
```
其中,`javascript:void(0);` 是为了防止页面跳转而添加的一个空语句。`window.open()` 是一个 JavaScript 方法,用于在新窗口或标签页中打开指定的 URL。在 `onclick` 事件中调用该方法即可实现点击链接时打开新页面。