请问如何用iframe标签实现同步展示一个输入框内代码效果？
如上图所示，小弟想实现一个效果，就是在左侧输入HTML代码，右侧会同步展示出代码效果。
我看很多网站都是用iframe标签来实现的，可我把取出来的代码文本通过jquery的html()、val()、text()等方法赋值给iframe标签，却一直无法实现，哪位大神能帮帮我呀！ |
免责声明：本内容仅代表回答会员见解不代表天盟观点，请谨慎对待。
版权声明：作者保留权利，不代表天盟立场。
|
|
|
|
|
|
|
|
你的思路没问题，监听输入事件，然后将iframe拼接代码即可，代码如下：
练习#codeArea{width:500px;height:500px;float:left;border:1pxsolidred;}#resultArea{width:100%;height:500px;border:1pxsolidgreen;}#result{margin-left:520px;}登录varcodeArea=document.getElementById("codeArea");varresultArea=document.getElementById("resultArea");codeArea.oninput=function(){resultArea.contentWindow.document.body.innerHTML=codeArea.value;}</script> |
|
|
|
|
|
|
|
|
|
这个要用到JS，设置两个文本框的id，然后来一个获开id并让它们的值相等：document.getElementById('i1').value=document.getElementById('i2').value; |
|
|
|
|
|
|
|
|
天盟APP下载
