从iframe访问变量而不编辑iframe页面

时间:2017-09-22 11:02:59

标签: javascript html iframe

我想从iframe 访问变量而不需要编辑iframeContent.html页面。我不知道为什么警报窗口仍会显示' undefined'

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">
    var iframe0=0;
    var iframe0document=0;
    var inputIframe=0;      

    function getIframeText() {
        var iframe0 = document.getElementById("iframe123");
        var iframe0document=iframe0.contentDocument||iframe0.contentWindow.document;
        var inputIframe = iframe0document.getElementById("wynik2");
        alert(inputIframe.value);
    };
</script>
</head>

<body>

<div>
    <button onclick="getIframeText()">get iframe text</button>
    <iframe id="iframe123" src="iframeContent.html" >

</div>
</body>
</html>

iframeContent.html:

<html>
<head>
<title>IFrame Child Example</title>
<script type="text/javascript">

var asd="12";

</script>
</head>
<body>

<div id="wynik2"></div>
<script type="text/javascript">
document.getElementById("wynik2").innerHTML=asd;
</script>

</body>
</html>

父页面上的帧看起来很好(显示数字12)。我在Chrome上测试我的页面,但是通过命令窗口输入“允许文件访问文件”#。所以这不是问题。全局变量也已设定(我做得对吗?)所以我不知道为什么还是未定义。

1 个答案:

答案 0 :(得分:0)

使用inputIframe.innerText而不是inputIframe.value。 “wynik2”是一个div,对吗?干杯! :)