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)
热门话题
能否用PowerPoint打开XML文件
Feb 19, 2024 pm 09:06 PM
XML文件可以用PPT打开吗？XML，即可扩展标记语言（ExtensibleMarkupLanguage），是一种被广泛应用于数据交换和数据存储的通用标记语言。与HTML相比，XML更加灵活，能够定义自己的标签和数据结构，使得数据的存储和交换更加方便和统一。而PPT，即PowerPoint，是微软公司开发的一种用于创建演示文稿的软件。它提供了图文并茂的方
解决超链接无法打开的问题
Feb 18, 2024 am 09:57 AM
超链接打不开怎么解决随着互联网的快速发展，超链接已经成为我们日常生活中不可或缺的一部分。我们经常在网页、邮件、社交媒体等各种平台上看到并使用超链接进行跳转。然而，有时候我们可能会遇到超链接打不开的问题，这让我们感到困惑和沮丧。在本文中，我们将探讨超链接打不开的原因及解决方法，希望能够帮助你解决这个问题。首先，让我们了解一下超链接打不开的可能原因。以下是一些常
使用Python实现XML数据的合并和去重
Aug 07, 2023 am 11:33 AM
使用Python实现XML数据的合并和去重XML（eXtensibleMarkupLanguage）是一种用于存储和传输数据的标记语言。在处理XML数据时，有时候我们需要将多个XML文件合并成一个，或者去除重复的数据。本文将介绍如何使用Python实现XML数据的合并和去重的方法，并给出相应的代码示例。一、XML数据合并当我们有多个XML文件，需要将其合
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模
