js同一页面iframe调取另一iframe的url

最新推荐文章于 2023-07-28 17:00:03 发布

AlloyTeam-Zy

最新推荐文章于 2023-07-28 17:00:03 发布

阅读量1.5k

点赞数

分类专栏：我的WEB前端学习笔记文章标签： url iframe dom javascript 结构

本文链接：https://blog.csdn.net/ZYGG5521/article/details/47361557

版权

我的WEB前端学习笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

今天写代码，遇到了，在同一个DIV下，二个不同的iframe，需要用其中一个iframe调取另一个的URL，刚开始想的太简单了，直接document.getElementById('one'),one为另一个iframe的ID，结果怎么都出不来，最后考虑了好久，想了想DOM的结构，节点与节点的关系，终于解决问题！写出如下代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>AlloyTeanm-zy</title>
    <script src="jquery-1.11.1.js"></script>
    <style type="text/css">
        body{
            font-family: simhei;
        }
        </style>
    <script type="text/javascript">

        </script>
      </head>
<body>
<div>
    <iframe id="one" style="width: 500px; height: 500px"  src="http://www.baidu.com"></iframe>
    <iframe id="two" style="width: 500px; height: 500px" src="javascript:document.write(parent.document.getElementById('one').src)"></iframe>
    </div>
</body>
</html>

效果预览图：