html显示图像xml,前台HTML页面显示XML内容

应用场景：在网站开发过程中，读取XML格式文件，并将其所有内容都显示到页面上，即显示标签内容，又显示标签本身。

备注：本博客场景还适应于读取显示含有标签的数据库存储字段。

解决方法：解决方法一共有四种(可能还有别的方法，但我只知道四种，欢迎大家补充)，分别如下：

第一种，使用

将你要显示的内容包含在

标签中，便可以将标签显示在页面上。

JS代码：

var str1 = "

500113_20130114 姓名是：xyong";

document.write(str1);

第二种，jstl的

假设后台返回到页面的数据为500113_20130114 姓名是：xyong

HTML代码：

第三种，控制层将 "" 换为 ">" “"”用"表示

在后台控制层获取数据后，使用字符串String的 replaceAll() 方法，将获取数据中的"" 换为 ">"

Java代码：

String str = "500113_20130114 姓名是：xyong";

str = str.replaceAll("", ">");

System.out.println(str);

第四种，通过ajax获取数据，然后通过innerText输出到页面上

JS代码：

var str1 = "500113_20130114 \n姓名是：xyong";

document.getElementsByClassName("div1")[0].innerText=str1;

注意：当使用innerText进行页面输出时，使用 "\n" 可以进行换行。

HTML代码：

.div1{

height:100px;

border:1px solid black;

}