JavaScript解析XML的方法总结

  最近一个项目中要用到树形列表,本来是用mztree的,但数据用了xml,本来xml就是树形目录,就打算用JavaScript直接解析xml文件了,网上找到一些JavaScript操作xml的方法,在此做一个总结。  我的xml文件Login.xml如下:LoginCharacterC Text=热血 Value=0/CC Text=弱气 Value=1/CC Text=激情 Value=2/CC Text=冷静 Value=3/CC Text=冷酷 Value=4/C/CharacterWeaponW Text=光束剑 Value=0/WW Text=光束配刀 Value=1/W/Weap
http://www.w3dev.cn/article/20090702/javascript-parse-xml-file-methods-summary.aspx

JavaScript操作XML (一)

JavaScript操作XML是通过XML DOM来完成的。那么什么是XML DOM呢?XML DOM 是:用于 XML 的标准对象模型 用于 XML 的标准编程接口 中立于平台和语言 W3C 的标准 XML DOM 定义了所有XML 元素的对象和属性,以及访问它们的方法(接口)。也就是说:XML DOM 是用于查询、添加、修改、删除XML 元素的标准。 在继续之前,我们先来了解一下XML的定义。请看下面的 XML 文件 (books.xml):?xml version="1.0" encoding="utf-8"?bookstorebook category="COOKING"title
http://www.w3dev.cn/article/20100119/1293.aspx

JavaScript操作XML(二)

上一篇介绍了XML的结构以及节点之间的关系这一篇介绍浏览器内建的XML解析器以及JavaScript是如何加载XML的。大多数浏览器都有读取和操作 XML 的内建 XML 解析器。解析器(XML Parser)把 XML 转换为 JavaScript 可访问的对象。解析器把 XML 载入内存,然后把它转换为可通过 JavaScript 访问的 XML DOM 对象。微软的 XML 解析器与其他浏览器中的解析器之间,存在一些差异。微软的解析器支持 XML 文件和 XML 字符串(文本)的加载,而其他浏览器使用单独的解析器。不过,所有的解析器都包含遍历 XML 树、访问插入及删除节点(元素)及其
http://www.w3dev.cn/article/20100119/1294.aspx

JavaScript操作XML(三)

') ; 解释:这个方法我想大家已经很熟悉了。就是如果XML里有个id='ID'的Node,那个就返回这个Node节点,否则返回null。 在得到这个Node后,就可以用上面的属性进行访问了。 ps: xmlDoc的定义可以在上一篇文章中找到。2、通过getElementsByTagName() 方法。 用法:var arrNodes=xmlDoc.getElementsByTagName('TagName') ; 解释:这个方法是根据tagname返回一个数组。此方法最常用。 例子1: //xml 内容: JavaScript操作XML (一) var arrNodes=xmlDoc.ge
http://www.w3dev.cn/article/20100119/1295.aspx

JavaScript操作XML (四)

上一篇介绍了JavaScript主要是通过什么方法来访问节点的。这一篇介绍JavaScript是如何操作节点的(包括增、删、改、查)。通过前面的介绍,我们知道XML文档中,主要是元素节点、属性节点和文本节点。下面详细介绍JavaScript是如何操作它们的。元素节点:查找:上一篇已介绍。主要是通过方法getElementsByTagName来查找定位。例子://输出所有的titlesvar t=xmlDoc.getElementsByTagName("title");for (i=0;it.length;i++){document.write(t[i].childNodes[0].nodeV
http://www.w3dev.cn/article/20100119/1296.aspx

JavaScript之-compareDocumentPosition函数

Script之-compareDocumentPosition函数 回复 更多评论 2008-04-21 14:25 by llinzzi 我也看过w3c上的那个文章,他们是指在操作xml的时候,ff下,xml操作可以用在html的dom上,ie下是分开的,是用activeX来创建的xml操作对象,那个对象是支持的该方法的 :)# re: JavaScript之-compareDocumentPosition函数 回复 更多评论 2008-04-21 14:27 by llinzzi 比如IE下的XMLDOC对象 ie下不用xml对象操作的话 可以用contains方法
http://www.w3dev.cn/article/20090701/320.aspx

请问如何用javascript动态修改css文件?

底层服务器端将修改后的样式保存到css文件,要怎么操作,如果是xml的话,通过dom操作可以直接传,但样式表要怎么传呢? 修改 删除 举报 引用 回复 加为好友 发送私信 在线聊天 yugiking 等级: 可用分等级:贫农 总技术专家分:37 总技术专家分排名:142410 发表于:2008-05-30 09:22:454楼 得分:0 谢谢两位,基本和我已经用上的方法差不多。 可能我没问清楚,就是说在js里把这个引用到的样式表修改后,要传给底层服务器端将修改后的样式保存到css文件,要怎么操作,如果是xml的话,通过dom操作可以直接传,但样式表要怎么传呢? 修改 删除 举
http://www.w3dev.cn/article/20090701/367.aspx

JavaScript技巧:实现 sleep()

04 17:33:23 得分 1以前是专门写过一个模拟单线程操作的东西...Top17 楼hax(海曦)回复于 2006-03-04 20:11:29 得分 1to fason: 什么叫模拟单线程?你是不是模拟多线程啊?Top18 楼zhaoxiaoyang(梅雪香@深圳)回复于 2006-03-04 21:05:16 得分 1fason是不是说这个.. html head titleemu -- 用command模式模拟多线程/title /head body SCRIPT LANGUAGE="JavaScript" !-- var commandList = [];
http://www.w3dev.cn/article/20090701/372.aspx

javascript之DOM技术1

首先需要理解的一点是,DOM是针对XML的基于树的API,它的实现有很多(各语言基本都有自己的实现),我们讨论的是javascript中或者说xhtml(html)对DOM的实现。  一、使用DOM  考虑一个html文件:+展开-HTMLhtmlheadtitle测试/title/headbodyp测试/p/body/html  1.访问节点:  访问html元素:var oHtml=document.documentElement;  获取head元素:var oHead=oHtml.firstChild;  获取body元素:var oBody=oHtml.lastChild; 或者 v
http://www.w3dev.cn/article/20090629/237.aspx

JS代码大全高级应用

dset.addNew()" XML ID="xmldate" infolist info srno20041025-01/srnotimesnull/times/info info srno20041101-09/srnotimes2004年10月1日2点22分0秒/times/info /infolist /XML /body /html //获得参数 body a href="javascript:location.href=location.href + '?a=1b=2'"search/a script language="JavaScript" !-- var a = loc
http://www.w3dev.cn/article/20090604/70.aspx

给myflow.js流程图框架属性窗口添加删除操作

flow.js是可视化绘制流程图js类库软件,居于raphael.js修改而成,要删除相关节点可以选中节点后按下delete键执行节点删除操作。但是节点属性窗口并没有添加删除操作按钮,本示例通过修改myflow.js源代码(需要先通过chrome格式化为为非压缩版本的好修改),给点击myflow.js节点后弹出的属性窗口添加删除操作,点击按钮同样可以删除选中的myflow.js节点,效果如下   myflow.js未压缩版本修改地方,大概781行增加删除操作按钮数据行 for (var l in m) { e.append(trth + m[
http://www.w3dev.cn/article/20151228/myflow.js-add-delete-operate-to-attributes-window.aspx

easyui datagrid数据导出excel文件示例

} //var totalWidth = this.getColumnModel().getTotalWidth(includeHidden); return '?xml version=1.0 encoding=utf-8?' +//xml申明有问题,以修正,注意是utf-8编码,如果是gb2312,需要修改动态页文件的写入编码 'ss:Workbook xmlns:ss=urn:schemas-microsoft-com:office:spreadsheet
http://www.w3dev.cn/article/20140403/easyui-datagrid-import-to-excel.aspx

javascript通过iframe加载同源代理页面实现顶级域跨域操作

  由于浏览器安全问题,通过域a打开域名b的页面,这2个页面是不能互相操作对方的DOM对象的。(如果顶级域名相同,可以在2个需要互相操作的页面中都执行document.domain='顶级域名'语句,这样2个页面就可以相互操作)  今天在csdn上看到了一个办法,思路如下A域有2个页面a,bB域有一个页面ca使用window.open打开c,由于不同源,所以c通过opener获取到a的引用还是无法操作a页面的dom对象。此时可以在c页面放置一个iframe,然后通过iframe加载A域的b页面(代理作用),并传递需要更新a页面dom对象的内容参数(可以为get/post传递,
http://www.w3dev.cn/article/20130723/javascript-cross-domain-operate-by-iframe-agent.aspx

jqGrid方法

ipt src=js/jquery-1.3.2.min.js type=text/javascript/scriptscript src=js/i18n/grid.locale-en.js type=text/javascript/scriptscript type=text/javascriptjQuery.jgrid.no_legacy_api = true;///////////////scriptscript src=js/jquery.jqGrid.min.js type=text/javascript/script /headbody.../body/html注意这句jQuery.
http://www.w3dev.cn/article/20130705/jqGrid-methods.aspx

jqGrid选项配置

yYesdatastrstring当datatype设置为 xmlstring 或者 jsonstring时,对应的xml字符串或者json字符串nullYesdatatypestring定义填充表格的数据格式。可用类型: xmlxml格式的数据源), xmlstring (xml格式的字符串), json (json格式的数据源), jsonstring (json格式的字符串), local (客户端已经存在的数组数据), javascript (javascript数据源), function (检索数据的函数),或者客户端通过数据数组手动加载的数据 和配置为这些值的相关参考:jq
http://www.w3dev.cn/article/20130625/jqGrid-options.aspx

javascript加载xml文件

  javascript加载xml文件源代码 /* 通过ajax加载xml文件,返回xml dom对象 备注:chrome浏览器下请求本地xml文件会报XMLHttpRequest cannot load file:///xxxxx.xx. Cross origin requests are only supported for HTTP,需要搭建服务器 */ function LoadXML(url) { var xhr = window.ActiveXObject ? new ActiveXObject(microsoft.xmlhttp) :
http://www.w3dev.cn/article/20121210/javascript-load-xml-file.aspx

jQuery AjaxUpload中文使用API和demo示例

格式。4、本实例没有使用JavaScript库做辅助,这是由于本身Ajax Upload文件上传插件就是纯粹的JavaScript写的,所以不依赖于任何的JavaScript库,可以直接使用JavaScript实现多文件上传。5、在线Demo请勿上传敏感的图片,谢谢合作。三、结语  这款AjaxUpload多文件上传插件还是很受用的,本文将原项目页面内容原封不动的翻译过来了,时间仓促,翻译或书写可能有不准确,欢迎留言指正。原项目的 Demo页面有些乱,所以我自己用JavaScript+php实现了非常精简的文件上传演示页面,希望对您有所帮助。四、补充  不少人问我,有没有支持file类型in
http://www.w3dev.cn/article/20121205/jQuery-AjaxUpload-chinese-API-demo.aspx

html5-Canvas API

  html5中引入了Canvas,使得我们可以在web中绘制各种图形。在 html5外web中也有基于xml的绘图如:VML、SVG。而Canvas为基于像素的绘图。Canvas是一个相当于画板的html节点,我们必须以js操作绘图。如下:canvas id=myCanvas width=600 height=300你的浏览器还不支持哦/canvas定义。  我们可以获取canvas对象为var c=document.getElementById(myCanvas);其应有js属性方法如下列举:1:绘制渲染对象,c.getContext(2d),获取2d绘图对象,无论我们调用多少次获取的对
http://www.w3dev.cn/article/20121114/html5-Canvas-API.aspx

C#/vbscript/JS如何加密保护HTML/javascript源代码

代码进行unicode转换后进行混淆加密,对HTML或者javascript源代码进行加密,将内容转换为一些看似乱码的内容,然后通过客户端的JS脚本反相解析回来。  HTML/javascript源代码加密混淆算法1)ASCII编码内可见字符【33~126】,33~79进行+47操作操作,80~126进行-47操作2)ASCII编码内部可见字符【0~32,127】,【128~133】,不操作,但是在后面增加【,】,变2个字符3)其他,-5操作,后接@变2字符  客户端JS脚本解密函数script type=text/javascript _$_ = [, \x77\x72\x69\x7
http://www.w3dev.cn/article/20121008/encrypt-javascript-by-charp-vbscript.aspx

javascript delete操作

ower=monkey;delete flower; //truealert(flower) //undefined   可以看到 delete window的成员时,浏览器表现不一致  window是javascript的宿主对象   宿主对象可以是javascript执行环境自己定义的   在ie6-8浏览器中,不能delete window.flower,浏览器会提示你对象不支持该操作,也就是不能删除window下成员不能删除用函数名申明的函数function flower(){}delete flower; //truealert(flower);//undefined   结果
http://www.w3dev.cn/article/20120907/javascript-delete.aspx

javascript instanceof 操作

javascript instanceof 操作符介绍返回一个 Boolean 值,指出对象是否是特定类的一个实例。result = object instanceof class参数object必选项。任意对象表达式。class必选项。任意已定义的对象类。说明如果 object 是 class 的一个实例,则 instanceof 运算符返回 true。如果 object 不是指定类的一个实例,或者 object 是 null,则返回 false。示例下面的例子举例说明了 instanceof 运算符的用法。function objTest(obj){ var i, t, s = ;
http://www.w3dev.cn/article/20120824/javascript-instanceof.aspx

linq to xml操作XML添加元素

Q to XML还可以添加新的元素到XML文件。下面的实例代码使用XElement类创建了一个新元素,并动态添加到Books.xml文件中。添加新元素之后,并将Books.xml文件的内容显示在网页中。具体步骤如下。(1)将Books.xml文件的访问地址转换为物理地址。(2)使用XElement类的Load()方法读取Books.xml文件的内容,并创建为xe实例。(3)使用XElement类创建一个新元素(名称为Book)xe,。(4)为Book元素添加ID属性、No元素、Name元素、Price元素和Remark元素。(5)调用Add()方法将新元素xe添加到Books.xml文件中。(
http://www.w3dev.cn/article/20120325/linq-to-xml-manipulate-xml-add-node.aspx

linq to xml操作XML修改元素

  使用LINQ to XML还可以修改XML文件中的元素。下面的实例代码使用LINQ to XML修改了Books.xml文件中的指定的元素。修改元素之后,并将Books.xml文件的内容显示在网页中。具体步骤如下。(1)将Books.xml文件的访问地址转换为物理地址。(2)使用XElement类的Load()方法读取Books.xml文件的内容,并创建为xe实例。(3)使用LINQ查询ID属性的值为104的名称为Book的元素,查询结果保存为element变量。(4)获取element变量中的第一个元素,并保存为first。(5)把first元素的ID属性的值修改为106。(6)将fi
http://www.w3dev.cn/article/20120325/linq-to-xml-manipulate-xml-update-node.aspx

linq to xml操作XML删除元素

  使用LINQ to XML还可以删除XML文件中的元素。下面的实例代码使用LINQ to XML删除了Books.xml文件中的指定的元素。删除元素之后,并将Books.xml文件的内容显示在网页中。具体步骤如下。(1)将Books.xml文件的访问地址转换为物理地址。(2)使用XElement类的Load()方法读取Books.xml文件的内容,并创建为xe实例。(3)使用LINQ查询包含子元素(其中,子元素的名称为Name,值为Book 0003)的元素,查询结果保存为element变量。(4)获取element变量中的第一个元素,并调用Remove()方法删除该元素。(5)调用Sa
http://www.w3dev.cn/article/20120325/linq-to-xml-manipulate-xml-delete-node.aspx

linq to xml操作XML将属性转换为元素

  使用LINQ to XML还可以将XML文件中的属性转换为元素。下面的实例代码使用LINQ to XML将Books.xml文件中的ID属性转换名称为ID的元素。转换操作之后,并将Books.xml文件的内容显示在网页中。具体步骤如下。(1)将Books.xml文件的访问地址转换为物理地址。(2)使用XElement类的Load()方法读取Books.xml文件的内容,并创建为xe实例。(3)使用LINQ查询ID属性的值为106的名称为Book元素,查询结果保存为element变量。(4)获取element变量中的第一个元素,并保存为first。(5)获取first元素的第一个属性,即ID
http://www.w3dev.cn/article/20120325/linq-to-xml-manipulate-xml-trun-attribute-to-node.aspx

使用LINQ操作XML

XML LINQ简介本章包括nXML LINQ设计原则nXML LINQ类层次n加载、解析和操作XML  XML LINQ允许我们使用我们已经熟悉的LINQ查询语法查询XML数据,而不是学习查询XML的新的API。此外,XML LINQ也提供了一些轻量级XML API用来操作XML,这些API利用了提供了类似DOM的操作,但是在设计上更加直观。本章的目的就是学习XML LINQ提供的API。为了成为XML LINQ的专家,我们首先需要掌握一些关键的设计原则,在本章中,我们将会介绍这些设计原则和LINQ XML API的核心概念。9.1 什么是XML API?XML API提供了操作XML数据
http://www.w3dev.cn/article/20120315/linq-manipulate-xml.aspx

asp操作xml文件类库

=='建立一个XML文件,RootElementName:根结点名。XSLURL:使用XSL样式地址'返回根结点FunctionCreate(byValRootElementName,byValXslUrl)DimPINode,RootElementSetCreate=NothingIf(XmlDomIsNothing)Or(fopen=true)ThenExitFunctionIfTrim(RootElementName)=""ThenRootElementName="Root"SetPINode=XmlDom.CreateProcessingInstruction("xml","vers
http://www.w3dev.cn/article/20120214/asp-manipulate-xml-library.aspx

Firefox/w3c浏览器如何操作XML文档

填充XML文档,不过在一般情况下,还需要在空的XML DOM对象中载入现有的XML文档。1. 在Firefox中载入XML数据  在Firefox中,将XML载入XML DOM的方法和微软采用的方法大致相同,只存在一个显著区别:Firefox只支持load()方法。因此,在这两种浏览器中载入外部XML数据的代码是相同的:+展开-JavaScriptoXmlDom.load("books.xml");  与微软的IE一样,Firefox同样实现了async属性,该属性的行为也与其一致:将async设置为false,表示以同步模式载入文档;否则,以异步模式载入文档。  Firefox的XML D
http://www.w3dev.cn/article/20110712/firefox-w3c-operate-xml-document.aspx

FCK编辑器配置使用手册

XML文件的位置TabSpaces=4 TAB键产生的空格字符数ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏ToolbarSets=object 允许使用TOOLBAR集合ToolbarStartExpanded=true/false 开启是TOOLBAR是否展开UseBROnCarriageReturn=true/false 当回车时是产生BR标记还是P或者DIV标记如何自定义样式列表呢?  FCKEDITOR的样式工具栏中提供了预定义的样式,样式是通过XML文件定义的,默认的XML样式文件存在于FCkEditor根文件夹下的FckStyls.xml
http://www.w3dev.cn/article/20110126/FCKEditor-usage-document.aspx