JS实现文本框内html代码怎么编写
我想实现的内容就是，做了一个文本框，在里面输入html代码，点击submit，可以在后面显示结果。就和w3school里的测试工具差不多。这还function应该怎么写，...
我想实现的内容就是，做了一个文本框，在里面输入html代码，点击submit，可以在后面显示结果。就和w3school里的测试工具差不多。这还function应该怎么写，还有一个就是在右边实现结果，那右边这个框应该是个什么属性的框？多谢大神
展开
2个回答
展开全部
在js中，右边比如是个div，
var html_str = $("#text").val();
$('#div').html(html_str);
var html_str = $("#text").val();
$('#div').html(html_str);
追问
没看懂抱歉，能说的详细点么。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
很简单，其实就是相当于左边是个textarea输入域，右边是个代码解析，可用innerHtml.示例如下：
<html>
<head>
<script language="javascript">
function onsubm()
{
//document.getElementById("result").innerHTML=document.getElementById("text1").value;
result.innerHTML=document.getElementById("text1").value;
}
</script>
</head>
<body>
<div>
<font size="5" color="red">编辑您的代码:</font>
<span style="position:relative;left:500px"><font size="5" color="red">查看结果:</font></span></div>
<div style="width:600px;height:400px;border:1px solid blue;float:left;">
<form onsubmit="onsubm()" action="#">
<textarea rows="20" cols="80" id="text1">
</textarea>
<input type="submit" value="提交代码"/>
</form>
</div>
<div id="result" style="width:300px;height:400px;border:1px solid blue;float:left;">
</div>
</body>
</html>
<html>
<head>
<script language="javascript">
function onsubm()
{
//document.getElementById("result").innerHTML=document.getElementById("text1").value;
result.innerHTML=document.getElementById("text1").value;
}
</script>
</head>
<body>
<div>
<font size="5" color="red">编辑您的代码:</font>
<span style="position:relative;left:500px"><font size="5" color="red">查看结果:</font></span></div>
<div style="width:600px;height:400px;border:1px solid blue;float:left;">
<form onsubmit="onsubm()" action="#">
<textarea rows="20" cols="80" id="text1">
</textarea>
<input type="submit" value="提交代码"/>
</form>
</div>
<div id="result" style="width:300px;height:400px;border:1px solid blue;float:left;">
</div>
</body>
</html>
更多追问追答
追问
谢谢你辛苦了，不过我尝试了一下，只有框架，功能不能实现，这是怎么回事呢？
追答
确定不能么？用的浏览器是？这边是可以的
搜狗浏览器和Chrome浏览器是可以的，IE浏览器有点问题，兼容问题！
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
