Question

出于测试目的，我正在尝试使用iframe。

起初我无法理解，为什么我无法使用iframe获取输入文本的值。

搜索后我发现，您只能访问iframe的文档对象，如果它来自同一个域，则为主站点。

我已经实施了一项测试，我可以从iframe中访问输入文本。

以下是主站点的代码：

<!DOCTYPE html>
<html>
<head>
    <title>IFrame Test</title>

    <meta charset="UTF-8">

    <style type="text/css"> 
        iframe#own{
            float: left;
        }

        iframe#spiegel {
            float: right;
        }           
    </style>

    <script type="text/javascript"> 
        function searchFrameInput() {
            var iframe = document.getElementById("own");
            alert(iframe.contentWindow.document.getElementById("in").value);
        }
    </script>
</head>

<body>      
    <div>   
        <iframe id="own" src="test1.html" width="49%" height="1000"> 
            <p>IFrames not supported!</p>
        </iframe>

        <iframe id="spiegel" src="http://www.spiegel.de" width="49%" height="1000"> 
            <p>IFrames not supported!</p>
        </iframe>       
    </div>  

    <input type="button" value="Click Me" onclick="searchFrameInput();">
    <div id="res"></div>
</body>

这里是“iframe”的代码 - 网站：

<!DOCTYPE html>
<html>
<head>
    <title>IFrame Test</title>

    <meta charset="UTF-8">

    <script type="text/javascript">
        function clickEvent() {
            alert("clicked in iframe!");
        }
    </script>
</head>

<body>              
    <input type="text" id="in" value="Test">
    <br>
    <input type="button" value="Click Me" onclick="clickEvent();">

    <div id="d"></div>
</body>

现在问题是，如果我点击iframe中的按钮，应该会有警报，但不会发生。我认为我缺少了......所以请帮忙。

为什么按钮点击不适用于iframe？

0 个答案: