iframe“src”属性问题

时间:2013-05-16 17:32:46

标签: javascript html5 iframe

我正在尝试在iframe中记录文件。我问了一个问题(Is it possible to write something in a iframe when a button outside the iframe is clicked?),得到了一些答案,但是有一个问题:当我向iframe标签添加“src”属性时,代码停止工作,它不会写入任何内容iframe。

以下代码不起作用:

<button onclick="test()">Click to write in iframe</button>

<iframe id='ifr' src = "myDocument.html"></iframe>
<script>

function test(){
    var iframe = document.getElementById("ifr"); 
    //contentDocument because IE8 doesn't support contentWindow
    (iframe.contentDocument || iframe.contentWindow.document).write("hello iframe");   
}

</script>

但是,如果我删除了“src”属性,它就可以了。

有关为何会发生这种情况的任何想法?

1 个答案:

答案 0 :(得分:0)

您可以使用src属性:

,而不是document.write
var htmlString="<p>Hello iframe</p>";
var ifr = document.getElementById('ifr');
ifr.src="javascript:'"+htmlString+"'";

htmlString可以是html或只是文本。

上述技术相当于html5中的srcdoc属性。