我正在尝试制作自己的 jfiddle 版本。我发现使用 html 很容易,但使用 javascript 我遇到了一些麻烦。
这是我当前的代码:
<script>
var code;
var jscode;
function makeHTMLcode(code){
document.getElementById("body").innerHTML = code;
}
function makeJScode(jscode){
$(function() {
document.getElementById("jstester").innerHTML ="<sc"+"ript>" + jscode + "</"+"script>";
});
}
</script>
<div class="htmlTester"><textarea onkeyup="makeHTMLcode(this.value);"></textarea></div>
<div class="output">
<div style="height:100%;background-color:white; border:1px solid gray;">
<div id="body"></div>
<div id="jscode"></div>
</div>
</div>
<div class="JSTester"><textarea onkeyup="makeJScode(this.value);" ></textarea></div>
html 代码与 onkeyup 一起输出到输出屏幕并立即工作。然而,javascript 不会加载它的新功能。当我使用 document.write 函数时,整个页面会重新加载,但我的新函数可以工作。当我使用当前代码时,什么都没有加载。
那么我怎样才能输出我的新javascript函数呢?