使用链接标签打开新窗口的方式有哪些?
时间: 2023-09-20 19:08:13 浏览: 106
使用链接标签打开新窗口的方式有以下几种:
1. target="_blank" 属性:在 HTML 中,使用 target="_blank" 属性可以让链接在新窗口中打开。例如:
```html
<a href="https://www.example.com" target="_blank">点击打开新窗口</a>
```
2. JavaScript:使用 JavaScript 可以通过 window.open() 方法打开新窗口。例如:
```html
<a href="javascript:void(0);" onclick="window.open('https://www.example.com')">点击打开新窗口</a>
```
3. rel="noopener" 属性:为了防止在新窗口中打开的页面能够访问原始页面的 window 对象,可以使用 rel="noopener" 属性。例如:
```html
<a href="https://www.example.com" target="_blank" rel="noopener">点击打开新窗口</a>
```
相关问题
qiankun子应用内部跳转新窗口方式有哪些
qiankun 子应用内部跳转新窗口方式有以下几种:
1. 使用 a 标签的 target="_blank" 属性。这种方式可以在新的浏览器标签页中打开链接,但是不利于前端路由管理。
2. 使用 window.open() 方法。这种方式可以在新的浏览器窗口中打开链接,但是需要手动管理窗口的关闭。
3. 使用 qiankun 提供的 API app.navigateToUrl(url)。这种方式可以在子应用中实现路由跳转,且可以在主应用的导航菜单中正确高亮显示。
4. 使用 qiankun 提供的 API app.emit(eventName, data)。这种方式可以在主应用中监听事件,然后在子应用中触发事件进行路由跳转,但是需要手动管理事件的监听和解除监听。
a标签新窗口打开链接
您可以在a标签中添加target="_blank"属性来实现在新窗口打开链接。例如:
```
<a href="https://www.example.com" target="_blank">点击这里</a>
```
这将会在用户点击链接时,在新的浏览器窗口或选项卡中打开链接。