点击按钮button触发修改div的iframe内容（修改iframe的src内容）

最新推荐文章于 2024-05-16 14:35:18 发布

fdafasdfdasasf

最新推荐文章于 2024-05-16 14:35:18 发布

阅读量1.2w

点赞数 2

分类专栏： web 文章标签： html iframe

本文链接：https://blog.csdn.net/gogogogood/article/details/52639784

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

新建一个html文件，比如test.html，之后将如下内容复制进文件，然后用浏览器打开该html文件即可

<html>
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
<head>
<meta charset="utf-8">
<title>div中动态嵌入iframe内容</title>
</head>
<body>
<table style="height: 100%;width: 100%">
    <tr>
        <td>
            <button type="button" onclick="click1()">button1</button>
            <br>
            <button type="button" onclick="click2()">button2</button>
            <br>
            <button type="button" onclick="click3()">button3</button>
        </td>
        <td>
            <div id="desdiv" style="width: 1000px;height: 400px;">
                <span>初始化</span>
            </div>
        </td>
    </tr>
</table>
<script>
function click1() {
alert("click1");
document.getElementById('desdiv').innerHTML = "<span>变更后</span>";
}
function click2() {
alert("click2");
document.getElementById('desdiv').innerHTML = "<iframe src='http://www.baidu.com'"+"style='width: 100%;height: 100%;'"+"></iframe>";
}
function click3() {
alert("click3");
document.getElementById('desdiv').innerHTML = "<iframe src='http://www.sina.com'"+"style='width: 1000px;height: 400px;'"+"></iframe>";
}
</script>
</body>
</html>

jsp文件同理

fdafasdfdasasf

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
点击按钮button触发修改div的iframe内容（修改iframe的src内容）

点击按钮button触发修改div的iframe内容（修改iframe的src内容）新建一个html文件，比如test.html，之后将如下内容复制进文件，然后用浏览器打开该html文件即可
复制链接

扫一扫