网页中显示xml,直接显示xml格式的文件
时间:2022-05-04
本文章向大家介绍网页中显示xml,直接显示xml格式的文件,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
第一种方法
使用<pre></pre>包围代码(在浏览器中测试不行啊,但是在富编辑器中又可以,怪); 使用<xmp></xmp>包围代码(官方不推荐,但是效果不错哦,在firefox和IE都可以); 使用<textarea></textarea>包围代码(在富编辑器和浏览器中均可以 );
<pre>不能在页面显示;<xmp>不错,可行;<textarea>是在文本域中显示,达不到想要的效果。
<xmp> <div>对html的用法作个说明</div> <div><span id="demo">奇迹</span></div> </xmp>
如果想在网页中显示xml的完整结构,直接输出,IE会把xml结构误认为html的结构,普通的显示只能显示所有节点上的值,如果想显示整个结果,可以在xml的两端加上标签 <xmp>xml结构</xmp>
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2.<html>
3.<head>
4.<title> New Document </title>
5.<meta name="Generator" content="EditPlus">
6.<meta name="Author" content="">
7.<meta name="Keywords" content="">
8.<meta name="Description" content="">
9.</head>
10.
11.<body>
12.<xmp>
13.<?xml version="1.0" encoding="unicode"?>
14.<DATABASE>
15. <SCHOOL-INFO>
16. <ID>1</ID>
17. <NAME>第一高中</NAME>
18. <CITY>浠水</CITY>
19. <STUDENTS>550</STUDENTS>
20. <ADDRESS>浠水</ADDRESS>
21. </SCHOOL-INFO>
22. <SCHOOL-INFO>
23. <ID>2</ID>
24. <NAME>第三高中</NAME>
25. <CITY>团陂</CITY>
26. <STUDENTS>1000</STUDENTS>
27. <ADDRESS>地址团陂</ADDRESS>
28. </SCHOOL-INFO>
29. <SCHOOL-INFO>
30. <ID>3</ID>
31. <NAME>试验高中</NAME>
32. <CITY>1200</CITY>
33. <STUDENTS>1200</STUDENTS>
34. <ADDRESS>汪岗</ADDRESS>
35. </SCHOOL-INFO>
36. <SCHOOL-INFO>
37. <ID>4</ID>
38. <NAME>中心小学</NAME>
39. <CITY>1300</CITY>
40. <STUDENTS>1200</STUDENTS>
41. <ADDRESS>竹瓦</ADDRESS>
42. </SCHOOL-INFO>
43.</DATABASE>
44.</xmp>
45.</body>
46.</html>
第二种方法
“<”用<表示 “>”用>表示 “"”用"表示
也可以在后台处理好直接输出到页面上,代码显示如下
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2.<html>
3.<head>
4.<title> New Document </title>
5.<meta name="Generator" content="EditPlus">
6.<meta name="Author" content="">
7.<meta name="Keywords" content="">
8.<meta name="Description" content="">
9.</head>
10.
11.<body>
12.<pre>
13.<?xml version="1.0" encoding="unicode"?>
14.<DATABASE>
15. <SCHOOL-INFO>
16. <ID>1</ID>
17. <NAME>第一高中</NAME>
18. <CITY>浠水</CITY>
19. <STUDENTS>550</STUDENTS>
20. <ADDRESS>浠水</ADDRESS>
21. </SCHOOL-INFO>
22. <SCHOOL-INFO>
23. <ID>2</ID>
24. <NAME>第三高中</NAME>
25. <CITY>团陂</CITY>
26. <STUDENTS>1000</STUDENTS>
27. <ADDRESS>地址团陂</ADDRESS>
28. </SCHOOL-INFO>
29. <SCHOOL-INFO>
30. <ID>3</ID>
31. <NAME>试验高中</NAME>
32. <CITY>1200</CITY>
33. <STUDENTS>1200</STUDENTS>
34. <ADDRESS>汪岗</ADDRESS>
35. </SCHOOL-INFO>
36. <SCHOOL-INFO>
37. <ID>4</ID>
38. <NAME>中心小学</NAME>
39. <CITY>1300</CITY>
40. <STUDENTS>1200</STUDENTS>
41. <ADDRESS>竹瓦</ADDRESS>
42. </SCHOOL-INFO>
43.</DATABASE>
44.</pre>
45.</body>
46.</html>
这样就可以显示完整的xml信息了。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 如何通过outlet在SAP Spartacus的产品明细页面插入自定义UI
- 防盗链的原理以及实现
- Python如何根据日期判断周几
- http常见状态码
- golang time相关总结
- [白话解析] 深入浅出熵的概念 & 决策树之ID3算法
- [白话解析] 深入浅出边缘计算
- 变废为宝 | 旧电脑变云数据中心 | Esxi 配置
- 【Java面试总结】Java基础(上篇)
- Esxi安装LEDE(OpenWrt) | 旧电脑变庞路由
- [白话解析] 深入浅出贝叶斯定理
- LEDE(OpenWrt)安装openclash |旁路由技巧 | 配置网络流量全部通过旁路由
- [白话解析] 深入浅出朴素贝叶斯模型原理及应用
- 【Java面试总结】Java基础(下篇)
- 使用现代化的脚本进行 ArcGIS JS API 开发