xml文件内容如何在html页面上不被解析,原样输出?

最近做前端开发遇到一个需求是后端返给我xml格式的文件内容,要我原封不动地将文件内容展示在一个新开的HTML页面内。

ret0是后端返给我的内容,ret0在控制台打印出来大概长这样,很多标签,html会对这些标签进行解析,但是可能有些标签html解析不了:

 

我开始想直接用document.write把ret0写到页面上,就像这样:

//打开新的html页面,定义为newWin
var newWin = window.open('about:blank', '_blank');
//将数据ret0通过document.write写进新开页面中
newWin.document.write(ret0)

这样写完后发现页面一片空白,大概是因为上面提到的html自动去解析了,但是很多标签它解析不了的原因,页面空白,但是元素有东西:

所以为了阻止html页面去解析xml文件内容,换个写法。

方法一:<xmp><a>${ret0}</a></xmp>标签

//打开新的html页面,定义为newWin
var newWin = window.open('about:blank', '_blank');
//将数据ret0通过document.write写进新开页面中
newWin.document.write(`<xmp><a>${ret0}</a></xmp>`)

方法二:<pre><textarea><a>${ret0}</a></textarea></pre>标签

//打开新的html页面,定义为newWin
var newWin = window.open('about:blank', '_blank');
//将数据ret0通过document.write写进新开页面中
newWin.document.write(`<pre><textarea><a>${ret0}</a></textarea></pre>`)

成功打印:

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值