强制iframe刷新它的新内容

Question

我通过编码来制作在线html，css和javascript编辑器：

HTML：

 <textarea id="code"></textarea>
 <iframe id="output"></iframe>
 <button id="submit-b" onclick="changeContents();">submit</button>

jquery：

$("#submit-b").click(function(){
code = $("#code").val();
$('#output').contents().find('body').html(code);
});

编辑器对我很好，直到我发现它不支持onload函数

我认为如果我将jquery更改为纯javascript，问题将会解决，但它没有，这是纯粹的javascript：

function ChangeContent(){
var frame = $('#output').get(0);
var frameDoc = frame.contentDocument || frame.contentWindow.document;
var w = document.getElementById("code").value;
document.getElementById('output').contentWindow.document.write(w);  
}

五分钟前，我知道问题是iframe在我提交新内容时不会刷新其内容，因此onload函数将无法执行....我如何强制它刷新内容中的新内容？ ????并感谢您试图帮助我＆gt;＆gt;＆gt;＆gt;这是my jsfiddle