将一个a标签中的页面加入到ifrname中
时间: 2024-01-28 19:05:21 浏览: 28
要将一个 `<a>` 标签中的页面加载到 `<iframe>` 中,你可以使用 JavaScript 来实现。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>加载链接到 iframe</title>
<script>
function loadPage() {
var iframe = document.getElementById("ifrname");
var link = document.getElementById("myLink").href;
iframe.src = link;
}
</script>
</head>
<body>
<a id="myLink" href="https://www.example.com">点击加载链接</a>
<br><br>
<iframe id="ifrname" width="800" height="600"></iframe>
<br><br>
<button onclick="loadPage()">加载</button>
</body>
</html>
```
在上述示例中,我们创建了一个 `<a>` 标签用于包含要加载的链接,以及一个 `<iframe>` 元素用于显示加载的页面。当点击 "加载" 按钮时,通过 JavaScript 的 `loadPage` 函数,获取到链接并将其赋给 `<iframe>` 的 `src` 属性,从而实现将页面加载到 `<iframe>` 中的效果。
你可以根据自己的需要修改代码中的链接和其他样式。记得在实际应用中,确保链接的域名是可信任和安全的。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)