iframe跳转打开新页面
时间: 2023-08-23 20:14:06 浏览: 259
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
5星 · 资源好评率100%
要在 iframe 中实现跳转并打开新页面,可以使用以下方法:
1. 在 iframe 中使用 target="_blank" 属性:在 iframe 的链接中添加 target="_blank" 属性,这将强制链接在新的浏览器窗口或标签中打开。
```html
<iframe src="https://www.example.com" target="_blank"></iframe>
```
2. 使用 JavaScript:你可以在父页面的 JavaScript 代码中通过获取 iframe 元素,并设置其 src 属性来实现跳转。
```html
<iframe id="myFrame" src="about:blank"></iframe>
<script>
var frame = document.getElementById("myFrame");
frame.src = "https://www.example.com";
</script>
```
这将使 iframe 中的内容被加载到新页面。
请注意,为了确保跨域安全性,对于跳转到不同域的页面,可能需要设置适当的跨域策略。
阅读全文