html如何把数据库中读取的html标签输出

数据库中读取的结果是找个样子的<P><IMG style="BORDER-LEFT-COLOR: #0000ff; BORDER-BOTTOM-COLOR: #0000ff; BORDER-TOP-COLOR: #0000ff; BORDER-RIGHT-COLOR: #0000ff" alt=啥地方 src="http://t1.baidu.com/it/u=205505744,632397118&fm=0&gp=4.jpg" border=1><P>撒旦发射点发射点 怎么样才可以不样他以标签的形式输出,要把图片和文字显示就可以?

一般富文本编辑器保存的文章排版都是添加了跟多html或者css代码保存到数据库的,为就是后台预言可以直接从数据库中取出来放到html页面显示那些样式和排版,此时后台读取到带有html标记的数据应该是交给JavaScript,使用JavaScript的一些方法将数据展现在页面上输出。

工具原料:jQuery、编辑器、浏览器

1、首先假设后台读取到的数据通过ajax传给了前端的JavaScript,JavaScript获取的数据后使用html方法将其输出在页面的某个标签中,在这里我们使用模拟数据来代替数据的传输过程,代码如下:

<body>
<script src="libs/jquery/2.1.4/jquery.js"></script>
<div id="div1">

</div>
<script>
var data="<font color='red'>测试数据</font>";//带有html标签的测试数据
$('#div1').html(data);//通过html()方法将数据输出到div中
</script>
</body>

2、运行的效果如下图:

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-11-14
使用strip_tags()函数可以去除html标签输出。 使用方法:strip_tags($content)。 $content 是你要被截取的字符串
第2个回答  2013-07-18
JavaScript获取你要输出信息的目标div,然后d.innerHTML="那你些带标签的数据库内容"
第3个回答  2013-07-18
如果是asp.net程序 你可以使用HtmlEncodejsp 使用jstl <c:out value="{数据库中查出来的内容}" escapeXml="true"></c:out>