如何将JavaScript结果输出到iframe中

时间:2016-04-10 03:35:01

标签: javascript html iframe

我试图这样做,当我按下提交时,它会吐出第一个框的结果,并将其作为已处理的Javascript输出到iframe中,由于某种原因,每当我按下该框时,该框就会消失在网页上按钮。



    function resetAreaBox(){
        $('display').value = "";
        $('textarea1').value = "";
    }

    function $(id){ return document.getElementById(id)}

function check() {

   var box = $("textarea1");

    if (box.value) {
       

        $("display").innerHTML = box.value;
        
    } else {
        alert('Please enter text');
    }
}
$("button").onclick = check;

<form>
                    <textarea id="textarea1" name="textarea1" rows="5" cols="40" placeholder="TEST"></textarea>

                    <iframe id="display"></iframe>


                    <br>
                    <br>
                    <input type="button" id="submitAlert" value="Reset Field" onclick="resetAreaBox()">
                    <input type="button" value="Submit" id="button">
                </form>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

JSBin - http://jsbin.com/midexefiqo/1/edit?html,js,output

您的代码中存在许多错误。我修好了他们。

您不能只在HTML中添加iframe并使用它。请参阅JS代码。

在提交时,它会在displayPreview条件中调用函数if并进行预览。