2. 程式人生 > 其它 >網頁中顯示xml，直接顯示xml格式的檔案

網頁中顯示xml，直接顯示xml格式的檔案

阿新 • • 發佈：2022-05-04

第一種方法

使用<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>

第二種方法

“<”用&lt;表示 “>”用&gt;表示 “"”用&quot;表示

也可以在後臺處理好直接輸出到頁面上，程式碼顯示如下

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.&lt;DATABASE&gt;     
15.    &lt;SCHOOL-INFO&gt;     
16.        &lt;ID&gt;1&lt;/ID&gt;     
17.        &lt;NAME&gt;第一高中&lt;/NAME&gt;     
18.        &lt;CITY&gt;浠水&lt;/CITY&gt;     
19.        &lt;STUDENTS&gt;550&lt;/STUDENTS&gt;     
20.        &lt;ADDRESS&gt;浠水&lt;/ADDRESS&gt;     
21.    &lt;/SCHOOL-INFO&gt;     
22.    &lt;SCHOOL-INFO&gt;     
23.        &lt;ID&gt;2&lt;/ID&gt;     
24.        &lt;NAME&gt;第三高中&lt;/NAME&gt;     
25.        &lt;CITY&gt;團陂&lt;/CITY&gt;     
26.        &lt;STUDENTS&gt;1000&lt;/STUDENTS&gt;     
27.        &lt;ADDRESS&gt;地址團陂&lt;/ADDRESS&gt;     
28.    &lt;/SCHOOL-INFO&gt;     
29.    &lt;SCHOOL-INFO&gt;     
30.        &lt;ID&gt;3&lt;/ID&gt;     
31.        &lt;NAME&gt;試驗高中&lt;/NAME&gt;     
32.        &lt;CITY&gt;1200&lt;/CITY&gt;     
33.        &lt;STUDENTS&gt;1200&lt;/STUDENTS&gt;     
34.        &lt;ADDRESS&gt;汪崗&lt;/ADDRESS&gt;     
35.    &lt;/SCHOOL-INFO&gt;     
36.    &lt;SCHOOL-INFO&gt;     
37.        &lt;ID&gt;4&lt;/ID&gt;     
38.        &lt;NAME&gt;中心小學&lt;/NAME&gt;     
39.        &lt;CITY&gt;1300&lt;/CITY&gt;     
40.        &lt;STUDENTS&gt;1200&lt;/STUDENTS&gt;     
41.        &lt;ADDRESS&gt;竹瓦&lt;/ADDRESS&gt;     
42.    &lt;/SCHOOL-INFO&gt;     
43.&lt;/DATABASE&gt;     
44.</pre>     
45.</body>     
46.</html>

這樣就可以顯示完整的xml資訊了。

相關推薦

網頁中顯示xml，直接顯示xml格式的檔案

第一種方法 使用<pre></pre>包圍程式碼（在瀏覽器中測試不行啊，但是在富編輯器中又可以，怪）；

Android在一個類中使用Toast，資訊顯示在另一個Activity上65

toast= Toast.makeText(context,message,Toast.LENGTH_LONG); }else { toast.setText(message); } toast.show();

windows cmd視窗，輸出UTF-8格式檔案，顯示亂碼

本文來自網路，參考文件見文件末尾 想在windows cmd視窗中檢視utf-8中文,需要先執行以下步驟

SQL丨查詢性別欄位為0顯示男，1顯示女

技術標籤：SQLsql 特殊值轉義輸出 查詢Student表中的Number，class，gender，grade更名為 學號 班級 性別 成績；其中gender中值為0的輸出男，為1輸出女，其他輸出X。

Java讀取介面中的資料，並儲存到txt檔案中！

//建立讀取介面中資料的方法 public static String read() { URL url = null; BufferedReader reader = null;

JSP上傳dicom檔案，Java解析dicom格式檔案

技術標籤：java解析dicom檔案jspjavadicom 所需jar包 commons-fileupload-1.4.jar dcm4che-core-5.22.6.jar commons-io-2.8.0.jar commons-logging-1.2.jar log4j-1.2.17.jar slf4j-api-1.7.3.jar slf4j-simple-

公眾號H5網頁中顯示使用者二維碼，VFP做起來也不難，二套方案都可以

社群裡面的劉總有一套超市管理系統，現在想要將使用者的餘額和積分顯示出來，方案是採用微信公眾號的方式，然後我就讓美工做了一個設計圖

Python2中解決列表，字典內漢字的顯示問題

　 參考文件：https://www.cnblogs.com/xybaby/p/7854126.html Python 2 中對列表和字典中的中文進行輸出的時候，都無法原樣列印

Thymeleaf 在頁面中直接顯示內容

Thymeleaf 在頁面中直接顯示內容 一般情況下 Thymeleaf 模板要輸出變數需要在某個標籤中（如<div>、<span>）寫th:text等屬性來實現。但有時我們希望想不寫在標籤中，直接輸出變數的值，比如在<tit

編寫一個程式，用於顯示特定年份中某個月的日曆。月和年應從命令列引數接收。如果使用者沒有輸入月和年，則應顯示當前月和年的日曆

public class Demo3 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println(\"請輸入年份：\");

js中讓字串中特定字元(數字標識)*顯示 名字中間用*代替，電話中間加密，詳細地址數字使用*

//隱藏名字 formatName = (name)=>{ let newStr = \'\'; if(name.length === 2){ newStr = name.substr(0,1)+\'*\';

00026-layui 新增多檔案，並顯示在列表中

附件列表html: <div class="layui-col-md12"> <div class="layui-card">

使用element-ui中table expand展開行控制顯示隱藏，隱藏小箭頭列的方法，之展開一行內容

涉及知識點： 　　1、不點選小箭頭，點選其他列中的某個按鈕展開行內容。 　　2、隱藏小箭頭列（既然我們點選表格其他單元格展開行內容了，一般就不需要小箭頭列了）

Mybatis 專案中xml匯入失敗解決方法 (在build中配置resources，來防止我們資源匯出失敗的問題)

　　在Mybatis中匯入xml檔案不能正確匯入報錯： Cause: org.apache.ibatis.builder.BuilderException: Error parsing SQL Mapper Configuration. Cause: java.io.IOException: Could not find resource com/lzk/dao/

Tomcat在 IDEA中顯示亂碼，超級有用，簡單粗暴解決問題

原因： 國內很多電腦的中文編碼格式都是 GBK ,而 Tomcat 預設為 utf-8 改成相同的即可

在office visio中插入用PS處理的照片，照片顯示不出來/顯示空白

如果你是經常論文的話，那麼通過ps後再放入論文裡的圖肯定少不了 但是，經常會發現有時候，visio裡的圖會有顯示不出來的情況。 下圖是visio的截圖。 圖2就是有問題的圖，顯示出的就是一個白框框，圖1是網圖

flask使用現有的資料表、在網頁中顯示資料

參考網站：https://blog.csdn.net/qq_42359659/article/details/102983515?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.p

xml檔案從本地匯入，並把XML檔案中的資料傳入另一頁面

剛剛寫了一個檔案匯入功能，中間遇到了很多問題，記錄一下 首先是匯入頁面，把檔案放到form裡

C不是C++的子集：以一個簡單的程式，來顯示C和C++標準中的差異

想象一下我們想建立一個程式，該程式在編譯時將告訴我們如何使用C或C ++的標準進行編譯。 顯然，我們不能使用C和C

Vue+ElementUI專案遇到下拉框元件el-select在編輯對話方塊中直接顯示option的value值而非選中繫結值選項

問題 這個錯誤碰到了幾次了，這次記錄下，因為沒有截圖，所以找了一張類似的如下：