TA貢獻(xiàn)38條經(jīng)驗(yàn) 獲得超3個(gè)贊
你的思路沒(méi)問(wèn)題，監(jiān)聽(tīng)輸入事件，然后將iframe拼接代碼即可，代碼如下：
<!DOCTYPE?html>
<html>
?<head>?
??<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>?
??<title>練習(xí)</title>?
??<style?type="text/css">
#codeArea{
width:500px;
height:500px;
float:left;
border:1px?solid?red;
}
#resultArea{
width:100%;
height:500px;
border:1px?solid?green;
}
#result{
margin-left:520px;
}
</style>?
?</head>?
?<body>?
??<div?id="code">?
???<textarea?id="codeArea">登錄</textarea>?
??</div>?
??<div?id="result">?
???<iframe?id="resultArea">?</iframe>?
??</div>??
??<script?type="text/javascript">?
var?codeArea?=?document.getElementById("codeArea");
var?resultArea?=?document.getElementById("resultArea");
codeArea.oninput?=?function(){
resultArea.contentWindow.document.body.innerHTML?=?codeArea.value;
}
??</script>?
?</body>
</html>
TA貢獻(xiàn)56條經(jīng)驗(yàn) 獲得超20個(gè)贊
這個(gè)要用到JS，設(shè)置兩個(gè)文本框的id，然后來(lái)一個(gè)獲取id并讓它們的值相等：document.getElementById('i1').value=document.getElementById('i2').value;?
舉報(bào)