1. 程式人生 > >HTML 頁面顯示 XML 資料

HTML 頁面顯示 XML 資料

<html>
<body>

<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)

document.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>

</body>
</html>

相關推薦

HTML 頁面顯示 XML 資料

<html> <body> <script> if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else

HTML顯示XML資料的策略

一、資料繫結( Data Binding )技術   資料繫結技術適用於結構規則的 XML 文件,它對 XML 文件的資料用類似於關係資料庫的技術進行處理。   例如,有一個關於產品目錄的 XML 文件( product.xml )結構如下: …… <CATA

檢視如何在一個 HTML 表格中顯示 XML 資料

<script type="text/javascript">var xmlDoc=null;if (window.ActiveXObject){// code for IExmlDoc=new ActiveXObject("Microsoft.XMLDOM");}else if (documen

html頁面之間的資料傳遞

1.第一個html頁面 var rows = $("#grid").datagrid('getSelections'); if (rows.length == 1) { location.href = "promotion_add.html?id="+rows[0].id; } el

解決HTML頁面顯示本地圖片的問題(JAVA前後端程式碼)

這裡有個需求,我們需要在頁面上顯示一張本地的圖片。看似簡單的需求,卻並不簡單。 也許你百度一下會看到如下的答案: 但是可能你很快會發現,為什麼不管我怎麼嘗試都會不成功呢? 因為前提條件不對。 以上案例成功的前提是這樣的,你必須是一個靜態頁面才有可能對。簡單

關聯CMS管理的資料和靜態頁面顯示資料

先在上邊的程式碼中封裝一樓中的資料: CMS系統中資料如何在首頁顯示出來: Jsonp跨域請求指令碼,script處理的是靜態資料,如下: 根據提供的json資料的格式,將從後臺CMS系統中獲得的資料封裝成下圖圖片所示的資料結構。 這裡

上傳圖片能在HTML頁面顯示預覽

一、HTML頁面:       <!DOCTYPE html>          <html>                 <head>            

JS 在HTML頁面顯示當前日期

html 日期 utf-8 pan img charat ctype com image 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="ut

js和安卓app互相傳資料(安卓app頁面整合html頁面,獲取資料並給安卓返回資料

先上Demo:<!DOCTYPE html><html><head>    <meta charset="utf-8"></head><body><button onclick="test()"&g

HTML頁面資料顯示到jsp頁面

admin.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>簡歷設定</title> </head>

蘋果手機顯示分享鏈接的方法html頁面

round html ack 顯示 all ridge lis tlist 微信 function onBridgeReady(){ WeixinJSBridge.call(‘showOptionMenu‘); } if (typeof WeixinJSBrid

導入不用的css文件及在不同設備顯示不用的html頁面

rep androi .html child element col avi string useragent 當一個頁面對應有多個css樣式文件時,我們可以根據地址欄的參數值而導入不同的css文件: function getCss() { var lin

HTML頁面直接顯示json 結構

直接 jquer word-wrap pre cnblogs result success png head <html> <head> <meta http-equiv="Content-Type" content="text/ht

html 頁面調用js鏈接並顯示數據

html 頁面調用js鏈接並顯示數據html 頁面調用js鏈接並顯示數據一、測試頁面1<!doctype html><html><div id=‘dv‘></div> <script src="http://qt.gtimg.cn/q=sz399001"

html顯示xml內容

cor family repl logs http log 表示 ati -a 參考: https://www.cnblogs.com/apache-x/p/5435459.html 方法: “<”用&lt;表示 “>”用&gt;表示 “"”用

js中拼接html,替換頁面原來死資料

$(function(){         //alert(4444);             //待派單    //$('#sendOrders').click(fu

html頁面滾動到一定位置顯示回到頂部按鈕

回到頂部按鈕在很多頁面中都會用到,具體實現效果如下: 當頁面滾動到一定位置時,頁面右下側出現固定按鈕: 當滑鼠移到按鈕上方時,有一定的動畫效果: <div class="t-right-bar"> <div class="t-bar-support" data

XML與web開發-01- 在頁面顯示XML DOM 解析

前言: 關於 xml 特點和基礎知識,可以菜鳥教程進行學習:http://www.runoob.com/xml/xml-tutorial.html 本系列筆記,主要介紹 xml 在 web 開發時需要了解的知識 XML 在頁面顯示資料  XML 指可擴充套件標記語言(eXtensible Mar

從db2資料庫讀取blob型別圖片資料並在前端頁面顯示

最近要寫一個需求,從db2中讀取圖片資料,blob型別,然後在前端頁面顯示,採用的是前後端分離的開發模式,使用下面這種方式,可以忽略前端,前端不需要動程式碼,就可直接顯示。。 直接上程式碼: sql:只給大家擷取關鍵部分,select   xmlgroup(pe.Pict

html頁面獲取session中的資料

controller中的程式碼 public ActionResult Index() {          userInfo user = new userInfo();