使用 iframe 标签将多个页面嵌入到一个页面中 怎么实现各个页面的跳转
时间: 2024-03-20 10:44:59 浏览: 199
使用iframe在网页中嵌入其他网页的方法
使用 iframe 标签嵌入子页面后,可以通过设置 iframe 的 src 属性来改变子页面的内容,从而实现子页面的跳转。
例如,假设我们有一个包含 iframe 的父页面和三个子页面,分别为 page1.html、page2.html 和 page3.html。在父页面中,我们可以使用以下代码将子页面嵌入到 iframe 中:
```html
<iframe id="my-iframe" src="page1.html"></iframe>
```
然后,我们可以在父页面的 JavaScript 中通过以下方式来控制子页面的跳转:
```javascript
// 获取 iframe 元素
var iframe = document.getElementById("my-iframe");
// 跳转到 page2.html
iframe.src = "page2.html";
// 跳转到 page3.html
iframe.src = "page3.html";
```
在上面的代码中,我们通过获取 iframe 元素并设置其 src 属性来实现子页面的跳转。当我们将 src 属性设置为其他页面的 URL 时,iframe 中就会显示该页面的内容。
阅读全文