xml資料島綁定時的超連結處理的範例程式碼分享
在寫地圖空間搜尋的時候，用ajax返回的資料結果，除了要在地圖上標點之外還需要用傳統的表格方式羅列，並且可以點擊察看信息，因為需要對返回結果的處理足夠靈活，所以不能在js當中寫死格式。這裡用了xml資料島的方式（系統是 只需要考慮IE）只把要用到xml資料資訊傳回，具體怎麼在html頁面上佈局可以由 其它開發人員自己訂製。
下面程式碼去掉了ajax的部分，只簡單的示範如何產生一個xml資料島，以及如 何和html表格綁定，並顯示出相關的連結資訊。其中連結的href內容可以保存在 xml資料中，並用datafld屬性來處理。
<html xmlns="">
<head>
<title>XML数据岛</title>
</head>
<script type="text/jscript">...
//获取xml，实际应用中大多是ajax异步获取的
function getData()
...{
var xmlData="<xml ID="xmlData"><root>";
for(var i=0;i<5;i++)
...{
try
...{
var id="Name"+i;
var Type="Type"+i;
xmlData+="<METADATA><Name>"+id+"</Name> ;<Type>"+Type+"</Type><Href>javascript:aler t('"+id+"')</Href></METADATA>";
pointIndex++;
}
catch(e)
...{
}
}
xmlData+="</root></xml>";
document.all.xmlDataPanel.innerHTML=xmlData;
}
//简单的添加xml信息
function addData()
...{
var xmlData= document.all.xmlDataPanel.innerHTML;
xmlData=xmlData.replace ("</root></xml>","");
xmlData+="<METADATA><Name>newName</Name><Type >newType</Type><Href>javascript:alert('newName') </Href></METADATA>";
xmlData+="</root></xml>";
document.all.xmlDataPanel.innerHTML=xmlData;
}
</script>
<body>
<button onclick="javascript:getData();">获取数据 </button>
<button onclick="javascript:addData();">添加数据 </button>
<div id="xmlDataPanel">
</div>
<div style="overflow: scroll; height: 180;width:180" align="center">
<div align="left">
<!--绑定,超链接的地方用 datafld属性,href的值也可以保存在 xml数据岛当中,比较灵活,可以使js函数或者一个url地址-->
<table datasrc="#xmlData" border="1">
<tr>
<td>
<a datafld="Href"><span datafld="Name"></span></a>
</td>
<td>
<span datafld="Type"></span>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>以上是xml資料島綁定時的超連結處理的範例程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
解決超連結無法開啟的問題
Feb 18, 2024 am 09:57 AM
超連結打不開怎麼解決隨著網路的快速發展，超連結已經成為我們日常生活中不可或缺的一部分。我們經常在網頁、郵件、社群媒體等各種平台上看到並使用超連結進行跳轉。然而，有時候我們可能會遇到超連結打不開的問題，這讓我們感到困惑和沮喪。在本文中，我們將探討超連結打不開的原因及解決方法，希望能幫助你解決這個問題。首先，讓我們來了解一下超連結打不開的可能原因。以下是一些常
能否用PowerPoint開啟XML文件
Feb 19, 2024 pm 09:06 PM
XML檔可以用PPT開啟嗎？ XML，即可擴展標記語言（ExtensibleMarkupLanguage），是一種廣泛應用於資料交換和資料儲存的通用標記語言。與HTML相比，XML更加靈活，能夠定義自己的標籤和資料結構，使得資料的儲存和交換更加方便和統一。而PPT，即PowerPoint，是微軟公司開發的一種用於創建簡報的軟體。它提供了圖文並茂的方
Python中的XML資料轉換為CSV格式
Aug 11, 2023 pm 07:41 PM
Python中的XML資料轉換為CSV格式XML（ExtensibleMarkupLanguage）是一種可擴充標記語言，常用於資料的儲存與傳輸。而CSV（CommaSeparatedValues）則是一種以逗號分隔的文字檔案格式，常用於資料的匯入和匯出。在處理資料時，有時需要將XML資料轉換為CSV格式以便於分析和處理。 Python作為一種功能強大
使用Python實現XML資料的篩選和排序
Aug 07, 2023 pm 04:17 PM
使用Python實現XML資料的篩選和排序引言：XML是一種常用的資料交換格式，它以標籤和屬性的形式儲存資料。在處理XML資料時，我們經常需要對資料進行篩選和排序。 Python提供了許多有用的工具和函式庫來處理XML數據，本文將介紹如何使用Python實現XML資料的篩選和排序。讀取XML檔案在開始之前，我們需要先讀取XML檔案。 Python有許多XML處理函式庫，
WPS無法開啟超連結怎麼辦？ WPS超連結打不開解決方法
Mar 13, 2024 pm 08:40 PM
我們很多小夥伴在使用WPS編輯內容的時候，有時候會在特定的文字上添加超鏈接，而近期有些小伙伴反饋說WPS超鏈接打不開，用了很多方式都無法點擊進行訪問，關於這個問題要如何解決呢，本期軟體教程小編就來分享具體的解決方法，希望能夠為廣大用戶帶來幫助。 WPS超連結打不開解決方法： 方法一：將滑鼠移到超連結上看是否會變成可點擊樣式 1、打開軟體，點擊頁面左上角的“文件”，在下方選單中選擇“選項”。 2、進入新介面後，點選左側的「編輯&rdq
無法開啟word文件中的超鏈接
Feb 18, 2024 pm 06:10 PM
近年來，隨著網路科技的不斷發展，我們的生活中離不開各種數位工具和網路。在處理文件時，特別是在寫作中，我們經常使用到word文件。然而，有時我們可能會遇到一個棘手的問題，那就是word文件中的超連結無法開啟。以下將就這個問題進行一番探討。首先，我們需要明確的是，超連結是指在word文件中新增的指向其他文件、網頁、目錄、書籤等的連結。當我們點擊這些連結時，我
Python實作XML與JSON之間的轉換
Aug 07, 2023 pm 07:10 PM
Python實作XML與JSON之間的轉換導語：在日常的開發過程中，我們常常需要將資料在不同的格式之間轉換。 XML和JSON是常見的資料交換格式，在Python中，我們可以使用各種函式庫來實作XML和JSON之間的相互轉換。本文將介紹幾種常用的方法，並附帶程式碼範例。一、XML轉JSON在Python中，我們可以使用xml.etree.ElementTree模
使用Python處理XML中的錯誤和異常
Aug 08, 2023 pm 12:25 PM
使用Python處理XML中的錯誤和異常XML是一種常用的資料格式，用於儲存和表示結構化的資料。當我們使用Python處理XML時，有時可能會遇到一些錯誤和異常。在本篇文章中，我將介紹如何使用Python來處理XML中的錯誤和異常，並提供一些範例程式碼供參考。使用try-except語句捕捉XML解析錯誤當我們使用Python解析XML時，有時候可能會遇到一些
