a标签跳转 新开窗口
时间: 2023-09-14 16:09:17 浏览: 59
如果您想在点击链接时在新窗口中打开目标页面,可以在 `<a>` 标签中添加 `target="_blank"` 属性。例如:
```html
<a href="https://example.com" target="_blank">打开 Example 网站</a>
```
注意:在新窗口中打开链接可能会被浏览器的拦截器阻止,这取决于用户的浏览器设置和插件。
相关问题
a标签跳转打开新页面
要使用 `<a>` 标签在新窗口或新选项卡中打开链接,可以使用 `target` 属性,并将其设置为 `_blank`。如下所示:
```html
<a href="https://www.example.com" target="_blank">打开链接</a>
```
这将在单独的新窗口或选项卡中打开链接,而不会覆盖当前页面。
js实现a标签跳转新页面
在JavaScript中,可以使用window.open()方法来打开一个新窗口,并指定要跳转的页面的URL。例如:
```javascript
window.open('http://www.example.com');
```
这将在新窗口中打开 http://www.example.com 页面。如果你想在当前窗口中打开链接,可以使用window.location.href属性来指定要跳转的页面的URL。例如:
```javascript
window.location.href = 'http://www.example.com';
```
这将在当前窗口中打开 http://www.example.com 页面。在a标签中,可以使用onclick事件来绑定以上代码,实现点击a标签后跳转到新页面。例如:
```html
<a href="#" onclick="window.open('http://www.example.com')">点击跳转</a>
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)