将文本自动插入或“喷”到Iframe中?

时间:2014-02-02 15:46:47

标签: javascript jquery html iframe

当显示iframe时,我想在没有干预的情况下写入一些文字或html。

这就是我需要的,但是,您必须单击按钮才能将内容写入iframe。

有没有办法改变这个,所以不需要点击? “[extended_description]”只是在没有点击输入按钮的情况下写在iframe中?

<script type="text/javascript">
function doThing() {
    var e = document.getElementById("stepsAchieved");
    e.contentWindow.document.write("[extended_description]"), e.contentWindow.document.close()
}   
</script>
<input type="button" value="Click To Insert Text" onclick="doThing();return false;" id="fred" />
<hr />
<iframe src="" id="stepsAchieved" name="garminStepsAchieved" frameborder="1" height="200px" width="340px" scrolling="auto"></iframe>

1 个答案:

答案 0 :(得分:0)

确定从我想要的其他方向开始,但直到现在才分心。

即时制作iFrame以确保Javascript可以访问它。

Fiddle example

var steps = document.createElement('iframe');
var description = '[extended_description]';
steps.src = 'Javascript:"' + description + '"';
steps.id = 'stepsAchieved';
steps.name = 'garminStepsAchieved';
steps.setAttribute('frameborder', '1');
steps.height = 200;
steps.width = 340;
steps.setAttribute('scrolling', 'auto');
document.getElementById('description').appendChild(steps);