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作为一种功能强大
无法打开word文档中的超链接
Feb 18, 2024 pm 06:10 PM
近年来，随着网络技术的不断发展，我们的生活中离不开各种数字工具和互联网。在处理文档时，特别是在写作中，我们经常会使用到word文档。然而，有时我们可能会遇到一个棘手的问题，那就是word文档中的超链接无法打开。下面将就这个问题进行一番探讨。首先，我们需要明确的是，超链接是指在word文档中添加的指向其他文档、网页、目录、书签等的链接。当我们点击这些链接时，我
WPS无法打开超链接怎么办？WPS超链接打不开解决方法
Mar 13, 2024 pm 08:40 PM
我们很多小伙伴在使用WPS编辑内容的时候，有时候会在特定的文字上添加超链接，而近期有些小伙伴反馈说WPS超链接打不开，用了很多方式都无法点击进行访问，关于这个问题要如何解决呢，本期软件教程小编就来分享具体的解决方法，希望能够给广大用户们带来帮助。 WPS超链接打不开解决方法： 方法一：将鼠标移到超链接上看是否会变成可点击样式 1、打开软件，点击页面左上角的“文件”，在下方菜单中选择“选项”。 2、进入新界面后，点击左侧的“编辑&rdq
使用Python处理XML中的错误和异常
Aug 08, 2023 pm 12:25 PM
使用Python处理XML中的错误和异常XML是一种常用的数据格式，用于存储和表示结构化的数据。当我们使用Python处理XML时，有时可能会遇到一些错误和异常。在本篇文章中，我将介绍如何使用Python来处理XML中的错误和异常，并提供一些示例代码供参考。使用try-except语句捕获XML解析错误当我们使用Python解析XML时，有时候可能会遇到一些
超链接打不开什么原因
Feb 22, 2024 pm 03:33 PM
超链接作为网页中常见的元素之一，常被用于指向其他网页、文件或特定位置。然而，有时我们会遇到超链接无法打开的情况，这可能由多种原因引起。首先，超链接无法打开可能是由于链接地址错误导致的。在创建超链接时，我们需要确保链接的地址正确无误。如果地址中包含特殊字符或空格，可能会导致链接无法打开。此外，如果链接地址发生变化或目标文件已经移动或删除，也会导致链接无法打开。
C#开发中如何处理XML和JSON数据格式
Oct 09, 2023 pm 06:15 PM
C#开发中如何处理XML和JSON数据格式，需要具体代码示例在现代软件开发中，XML和JSON是广泛应用的两种数据格式。XML（可扩展标记语言）是一种用于存储和传输数据的标记语言，而JSON（JavaScript对象表示）是一种轻量级的数据交换格式。在C#开发中，我们经常需要处理和操作XML和JSON数据，本文将重点介绍如何使用C#处理这两种数据格式，并附上
