当前位置: 首页 > 编程日记 > 正文

javascript读取XML文档

xml

<?xml version="1.0" encoding="utf-8"?> 
<Menus> <Menu id="0" name="首页"> <MenuItemTitle sid="01" mid="0" name="常用选项"> <MenuItem mid="0" tid="01" url="Home.aspx">后台首页</MenuItem> <MenuItem mid="0" tid="01" url="Test.aspx">测试页</MenuItem> </MenuItemTitle> </Menu> <Menu id="0" name="试试"> <MenuItemTitle sid="01" mid="0" name="常用选项"> <MenuItem mid="0" tid="01" url="Home.aspx">后台首页</MenuItem> <MenuItem mid="0" tid="01" url="Test.aspx">测试页</MenuItem> </MenuItemTitle> </Menu> 
</Menus>

读取上面的节点,显示在网页上,我是这样写的

 1 <html> 
 2 <head> 
 3 <title></title> 
 4 <script type="text/javascript"> 
 5 function show() 
 6 { 
 7 if (window.XMLHttpRequest)
 8 
 9 { 
10      xmlhttp=new XMLHttpRequest(); 
11 } 
12 else 
13 { 
14     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
15 } 
16 if(xmlhttp!=null) 
17 { 
18    xmlhttp.open("GET","xmlname.xml",false); 
19    xmlhttp.send(null); 
20    var responsexml=xmlhttp.responseXML; 
21    var menus=responsexml.getElementsByTagName("Menus")[0]; 
22    var html=""; 
23    for(var i=0;i<menus.childNodes.length;i++) 
24    { 
25        var menu=menus.childNodes[i]; 
26        html=html+"<h1>"+menu.getAttribute("name")+"</h1><br>"; 
27        html=html+"<h2>"+menu.childNodes[0].getAttribute("name")+"</h2><br>"; 
28        for(var j=0;j<menu.childNodes[0].childNodes.length;j++) 
29        { 
30           var mi=menu.childNodes[0].childNodes[j]; 
31           var url=mi.getAttribute("url")+"<br>"; 
32           var txt=mi.childNodes[0].nodeValue; 
33           html=html+"   <a href=\""+url+"\">"+txt+"</a>";          
34        }           
35    } 
36    document.getElementById("tb").innerHTML=html; 
37 } 
38 else 
39 { 
40   alert("你用的什么浏览器?"); 
41 } 
42 } 
43 </script> 
44 </head> 
45 <body onload="show()"> 
46 <div id="tb"></div> 
47 </body> 
48 </html> 

没有用TABLE ,是因为显示倒了,所以设置了一个变量,然后显示!值得今后借签!

转载于:https://www.cnblogs.com/zhwx/archive/2012/05/16/2504460.html

相关文章:

设计模式读书笔记-单件模式

单件模式- 确保一个类只有一个实例&#xff0c;全局只有一个入口点。 类如下: public class Singleton { private static Singleton uniqueInstance; // other useful instance variables here private Singleton() {} public static Singleton getInstance() { if (uniqueInst…

2.1 mac下多版本jdk的安装和管理

之前已经安装过jdk8了&#xff0c;安装路径&#xff1a;/Library/Java/JavaVirtualMachines/jdk1.8.0_144.jdk 现在安装jdk10&#xff0c;下载后&#xff0c;双击dmg文件一直到安装完成&#xff0c;安装路径&#xff1a;/Library/Java/JavaVirtualMachines/jdk-10.0.1.jdk 安装…

python多进程详解

目录 python多进程序.multiprocessing一、Processprocess介绍例1.1&#xff1a;创建函数并将其作为单个进程例1.2&#xff1a;创建函数并将其作为多个进程例1.3&#xff1a;将进程定义为类例1.4&#xff1a;daemon程序对比结果二、Lock三、Semaphore四、Event五、Queue六、Pipe…

【工具软件】webstorm的实用快捷操作(持续积累)

博主目前正在做前端的开发&#xff0c;使用到了一个十分实用的软件叫webstom&#xff0c;昨天做了一个破解教程的博客&#xff0c;但是审核没有通过&#xff0c;有兴趣的朋友可以私信我。webstom的实用之处就在于它数不胜数的快捷操作大大简化了写代码的繁琐步骤。但是那么多的…

无线Trace脚本(旧格式)-平均延时

BEGIN {#程序初始化&#xff0c;设定一变量以记录目前处理的封包的最大ID号码。在awk环境下变量的使用不需要声明&#xff0c;直接赋值。highest_uid 0;total_packet0;total_delay_time0; } #下面大括号里面的内容会针对要进行处理的记录&#xff08;也就是我们的trace文件&am…

友元函数、类的非静态成员函数、静态成员函数的区别

类中申明的函数相对于类来说有三层意思&#xff1a;1.有this指针2.函数在类的作用区域中3.可以访问类中私有部分 4.可以被继承非静态成员函数具有1234静态成员函数具有234友元函数具有3静态成员函数与友元函数的区别只是作用区域的不同 友元函数具有全局性 不慎使用可能会造成函…

【转载】“error LNK1169: 找到一个或多个多重定义的符号”的解决方法

c的小细节的地方 原文地址&#xff1a;https://blog.csdn.net/xiaosu123/article/details/5665729 问题描述如下&#xff1a; 有 三个源文件&#xff0c;A.h、B.cpp、C.cpp。 A.h是头文件&#xff0c;其中声明了三个变量a1、a2、 a3。 B.cpp是A.h中所声明的类的实现源代码&…

【jQuery】jQuery知识点梳理(持续更新)

jQuery是什么&#xff1a; 由图标可知&#xff1a; j&#xff1a;JavaScript query&#xff1a;查询 所以可以分析得jQuery是一个JavaScript库&#xff0c;而且主要用来查询。 注意&#xff0c;下面的一行小字&#xff0c;write less do more 我们不仅可以看出jQuery以高效…

Python - 在CentOS7.5系统中安装Python3

注意&#xff1a;以下内容均使用root用户执行操作。 1-确认信息 # uname -a Linux localhost.localdomain 3.10.0-957.el7.x86_64 #1 SMP Thu Nov 8 23:39:32 UTC 2018 x86_64 x86_64 x86_64 GNU/Linux # # cat /etc/system-release CentOS Linux release 7.5.1804 (Core) # …

JQuery 基础:8.节点操作

1.replaceWith替换节点 $("br").replaceWith("<hr/>"); 2.wrap()包裹节点,将元素逐个用指定标签包裹 $("b").wrap("<font colorred></font>")转载于:https://www.cnblogs.com/xyangs/archive/2012/05/22/2513821.ht…

《CLR Via C# 第3版》笔记之(十四) - 泛型高级

为了更好的利用泛型&#xff0c;现将泛型的一些高级特性总结一下。 主要内容&#xff1a; 泛型的协变和逆变泛型的参数的约束1. 泛型的协变和逆变 对于泛型参数(一般用T表示)&#xff0c;指定了类型之后。就只能识别此类型&#xff0c;面向对象中的继承并不适用泛型参数&#x…

剑指offer-反转链表

输入一个链表&#xff0c;反转链表后&#xff0c;输出链表的所有元素。 #-*- coding:utf-8 -*- # class ListNode: # def __init__(self, x): # self.val x # self.next None class Solution:# 返回ListNodedef ReverseList(self, pHead):# write code h…

[NOIP模拟测试9]题(Problem) 题解 (组合数全家桶+dp)

达哥送分给我我都不要&#xff0c;感觉自己挺牛批。 $type0:$ 跟visit那题类似&#xff0c;枚举横向移动的步数直接推公式&#xff1a; $ans\sum C_n^i \times C_i^{\frac{i}{2}} \times C_{n-i}^{\frac{n-i}{2}},i\% 20$ $type1:$ 因为不能触碰负半轴&#xff0c;所以可以把右…

如何获取元素最终使用的css值

这个问题是在组件css加载方案中碰到的 场景&#xff1a; 元素的样式我们可以写在style里面&#xff0c;也可以写到外链css里面&#xff0c;如果没有设置&#xff0c;也会读取浏览器默认的css的&#xff0c;现在我们要计算getComputedstyle某个元素的最终所使用的css样式 区别&a…

【工具软件】webstorm如何使用快捷键生成固定代码

我们写前端页面时会有很多的机械重复代码&#xff0c;每写一个文件都要重新写一遍&#xff0c;枯燥且浪费时间&#xff0c;有没有一个方法可以快速生成这些代码呢&#xff1f;有&#xff01;webstorm替我们考虑到了这个问题&#xff0c;提供了解决方案&#xff0c;接下来让我们…

Citrix Receiver For Linux 预览版

Citrix各平台的客户端插件都在不断的完善和进行版本升级&#xff0c;但是For linux版本的ICA Client基本是一成不变&#xff0c;很长时间都不会有什么动静&#xff0c;但是Citrix产品都是搭配ThinClient来使用&#xff0c;而好多ThinClient都会使用Linux系统&#xff0c;而在Li…

5.20 单词小记

1.cart n. 二轮运货马车 vt. 用车装载 vi. 驾运货马车&#xff1b;用运货车运送 网络释义:购物车,小车,球车,分类与回归树 例:This would allow the server application to identify the cart from which it should add and removeitems. 这将使服务器应用程序能够确定它所应该…

windows性能计数器搜集方法

windows性能计数器搜集方法 PerfMon-Windows性能监视器是个好东西&#xff0c;可以辅助我们分析发生问题时间段服务器资源占用情况&#xff0c;但是部署性能计数器确实一个相当麻烦的事情&#xff0c;往往这种枯燥的事别人还做不了&#xff0c;只能由我们这些希望获取到PerfMon…

【HDU】3308 LCIS

1 #include<cstdio>2 #define MAXN 1000103 struct node4 {5 int left,right,val;6 };7 int a[MAXN];8 node tree[MAXN<<2];9 inline int MAX(int x,int y) 10 { 11 return x>y?x:y; 12 } 13 inline int MIN(int x,int y) 14 { 15 return x>y?…

【基础知识】如何在浏览器中查找元素属性节点

首先&#xff0c;什么是属性节点&#xff1f;属性节点是在编写html代码时&#xff0c;在html标签中添加的属性。 本文重点&#xff1a;如果您用的ie&#xff0c;我恳请您不要在用了&#xff0c;你们的每次使用都是打在前端工程师身上的一发子弹 代码实例&#xff1a; <!DOC…

C#系列五《多样化的程序分支》

上一篇介绍了C#程序设计分支的基本概念与基本操作&#xff0c;这篇的主题是高级的程序分支&#xff0c;例如&#xff1a;分支的嵌套与分支是使用的场景&#xff01;与三元运算符(&#xff1f;:),废话少说还是开始吧&#xff01; 1.三元运算符【&#xff1f;:】 三元运算符分为三…

Vue报错:Uncaught RangeError: Maximum call stack size exceeded

vue项目放在服务器上&#xff0c;报错如下&#xff1a; 堆栈溢出&#xff1a; 1、原因&#xff1a;有小类到大类的递归查询导致溢出 2、解决方法思想&#xff1a; A、在做递归查询时候由大类到小类去查询 B、匹配结果后及时return 退出&#xff0c;防止过多查询 转载于:https:/…

【Echarts】当页面宽度改变时如何使图表宽度自适应

问题&#xff1a; 当对echats不作任何处理时&#xff0c;图表宽度不会自适应&#xff0c;如图所示&#xff08;变绿的区域为echarts选中的div&#xff09;。 加载完后&#xff1a; 收缩浏览器页面之后&#xff1a; 解决方法&#xff1a; 编写js函数&#xff0c;当页面大小变…

【C#】登陆次数限制

我们在网上登陆的时候有些网站在用户多次输错密码之后会自动把账户冻结&#xff0c;不能在进行登陆&#xff0c;笔者这次做的winform程序就是要实现这种功能。 功能一&#xff1a;根据数据库字段判断用户名和密码是否匹配&#xff1b; 功能二&#xff1a;如果输入错误自动记录连…

linux 使用sendmail发送邮件

1111111111 转载于:https://www.cnblogs.com/We612/p/11274139.html

[转]MySQL innoDB数据插入性能优化

转载自: http://hiyijian.blog.163.com/blog/static/173086472201121621326471/ 起因&#xff1a;有一个innoDB引擎的表Table&#xff0c;在一个大概3000次的foreach循环中执行 INSERT INTO Table(columnA, columnB) VALUES (valueA, valueB)结果居然超出了60S的php执行限制&am…

vue+ivew-admin开发项目,内存占用过大解决办法

项目用的ivewadmin ivewUI&#xff0c;直接从github上拉下来用的&#xff0c;配置也没改&#xff0c;我们页面比较多&#xff0c;大该30个页面的样子&#xff0c;一启用&#xff0c;我们的电脑就卡了&#xff0c;然后&#xff0c;看一下&#xff0c;内存占用 1.5G了&#xff0c…

腾讯微视:向前一步是悲壮,向后一步是绝望zz

“换做以往的任何一场战争&#xff0c;微博之战、搜索之战和电商之战——大量投入但始终不见效果&#xff0c;打到现在腾讯肯定已经交牌了。微视的不同之处在于&#xff0c;它有些悲壮&#xff0c;因为这是腾讯最不想交出的一张牌。” 文 | 《财经》记者高洪浩 编辑|宋玮 如果有…

[C]线程中的数据

线程的私有存储空间包括&#xff1a; 栈&#xff08;一般情况下是私有的&#xff09;线程局部存储&#xff08;部分操作系统提供&#xff09;寄存器&#xff08;包括PC寄存器&#xff09; 从C程序员的角度来看&#xff1a; 线程私有&#xff1a; 局部变量函数的参数线程局部存储…