Question

好吧，我让radio elements用iFrame更新了js code;这很好。

然后我在button下面创建了一个iFrame HTML Division，其中包含一个列表中的buttons，我的目标是点击其中一个buttons中的这些iFrame会有一个按钮来更新上面的iFrame（由radio's控制的那个）。

这怎么可能，任何人都可以帮助我吗？提前致谢。

注意：我尝试使用<link rel="import" href="parentpage.html">导入其ID（如果是这样？）然后尝试使用JS以这种方式更新它，但无济于事。

它看起来像什么（布局明智）！ layout

Answer 1

这样做的一个简单方法是在iframe中获取按钮并将事件设置为onclick，如下所示

$(document.getElementById('iFrame2').contentWindow.document.getElementById("iFrame2Button")).click
   (function () 
   { 
          $("#iFrame1").attr('src','tests.php'); 
   })

Answer 2

假设所有帧都在同一个域中，可以这样做：

<html>
    <head>
        <title>Main Page</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
        <script type="text/javascript">
             var change_iframe1_src = function(new_src) {
                 $("#iframe1").attr('src', new_src);
             }
        </script>
    </head>

    <body>
        <!-- frame for which we will change src attribute -->
        <iframe id="iframe1" src="" width="400" height="200" border="1"></iframe>        
        <!-- frame which includes your iframe2 with the buttons-->
        <iframe src="iframe.html" width="200" height="200" border="1"></iframe>
    </body>
</html>

现在在iframe2文件中附加一个按钮的单击处理程序，它应该通过调用主页面中定义的函数来更改iframe1的src属性。

示例：

<html>
<head>
    <title>iFrame 2</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("button").click(function(e) {
                e.preventDefault();
                // call function in a parent frame - IMPORTANT LINE BELOW :)
                parent.window.change_iframe1_src(this.rel);
            })
        })
    </script>
</head>
<body>
    <button rel="iframe3.html">Change iframe src to iframe3.html</button>
    <button rel="iframe4.html">Change iframe src to iframe4.html</button>
</body>

iframe 2页面中的链接调用在父窗口（主页/嵌入iframe2页面本身的窗口）中定义的函数。该函数（在此示例中为change_iframe1_src）采用一个参数，这是一个新的url。帧#iframe1（您的第一帧）的src属性将更改为此URL。

同样，只要所有帧都在同一个域中，这就有效。

希望它有所帮助:) Source

从另一个html文件更改iframe的src？

2 个答案: