js实现最短的XML格式化工具实例

 这篇文章主要介绍了js实现最短的XML格式化工具,实例分析了基于jquery-latest.js实现XML代码格式化的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

 
 

本文实例讲述了js实现最短的XML格式化工具的方法。分享给大家供大家参考。具体如下:

这是用 E4X 实现最短的 XML 格式化工具。可惜 IE 至今不支持这个标准特性...

请在 Firefox 或 Chrome 下运行!

1.代码如下:

代码如下:
<html>
<head>
<title>Indent XML</title>
<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-latest.js"> </script>
<script language="JavaScript" type="text/javascript;e4x=1">
$(function() {
$('button').click(function() {
$('textarea').val(new XML($('textarea').val()).toXMLString());
});
});
</script>
</head>
<body>
<div>
<textarea rows="8" cols="40"></textarea>
</div>
<div><button>Indent</button></div>
</body>
</html>

 

2. 格式化之前:

3. 格式化之后:

希望本文所述对大家的javascript程序设计有所帮助。

时间: 2024-09-08 16:08:37

js实现最短的XML格式化工具实例的相关文章

JS实现的跨浏览器解析XML文件实例_javascript技巧

本文实例讲述了JS实现的跨浏览器解析XML文件的方法.分享给大家供大家参考,具体如下: 下列代码把一个 XML 文档 ("note.xml") 载入 XML 解析器中: <script type="text/javascript"> function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(

JS使用ajax从xml文件动态获取数据显示的方法

 这篇文章主要介绍了JS使用ajax从xml文件动态获取数据显示的方法,实例分析了javascript使用Ajax技术操作XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS使用ajax从xml文件动态获取数据显示的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码通过ajax检索xml文件的内容动态展示到网页,真个页面无刷新 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2

JS使用ajax从xml文件动态获取数据显示的方法_javascript技巧

本文实例讲述了JS使用ajax从xml文件动态获取数据显示的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码通过ajax检索xml文件的内容动态展示到网页,真个页面无刷新 <!DOCTYPE html> <html> <head> <script> function loadXMLDoc(url) { var xmlhttp; var txt,x,xx,i; if (window.XMLHttpRequest) {// code for IE7+,

java读取解析xml文件实例_java

读取本地的xml文件,通过DOM进行解析,DOM解析的特点就是把整个xml文件装载入内存中,形成一颗DOM树形结构,树结构是方便遍历和和操纵. DOM解析的特性就是读取xml文件转换为 dom树形结构,通过节点进行遍历. 这是W3c关于节点的概念 如果xml中包含有大量的数据,由于dom一次性把xml装入内存中的特性,所以dom不适合于包含大量数据的xml解析.当包含有大量xml的时候,用SAX进行解析比较节省内存. 下面是一个运用DOM进行解析xml文件的例子: xml文件结构如下: <?xm

js动态创建div等元素实例

为了节省时间,就直接贴代码了!希望大家多多的关注我! <html> <head> <title>js动态创建div等元素实例</title> <style type="text/css"> </style> </head> <body> <script language="javascript"> var Test={ createDiv:function()

JS 精确统计网站访问量的实例代码

这篇文章介绍了JS精确统计网站访问量的实例代码,有需要的朋友可以参考一下   复制代码 代码如下: /**  * vlstat 浏览器统计脚本  */ var statIdName = "vlstatId"; var xmlHttp; /**  * 设置cookieId  */ function setCookie(c_name, value, expiredays) {     var exdate = new Date();     exdate.setDate(exdate.ge

VC操作XML编程实例

xml|编程 XML编程实例 文章正文 前段时间,由于工作的需要,利用到了XML,所以对其进行了一些简单的研究.在此愿把一些心得写出来,与各位分享,不对的地方还望多多包涵. 1.什么是 XML? 首先,我想各位应该都已经大概知道什么是XML了.如果,你对什么是XML还没有一个概念的话,你可以看一些相关的材料,我就不多说了. 2.为什么要用XML? 其实,刚开始我也不是很明白,后来在工作中才慢慢意识到.首先,我写的程序需要传送很多的数据结构,比如表格,目录树等等.要在以往,我想自己会去定义一个数据

Node.js中的process.nextTick使用实例

  这篇文章主要介绍了Node.js中的process.nextTick使用实例,nextTick函数有什么用.怎么用.和setTimeout有什么区别呢,本文就讲解了这些知识,需要的朋友可以参考下 我已经不记得是在哪里第一次看到process.nextTick这个玩意的调用了,哦,应该是在nodejs官方的process文档里看到的.当时就不理解这东西是干嘛的了,都已经有setTimeout了,还需要这个函数干嘛.而且从根本上来说,这个函数又是干嘛的?和setTimeout有什么区别? sta

JS自动适应的图片弹窗实例

这篇文章介绍了JS自动适应的图片弹窗实例代码,有需要的朋友可以参考一下   复制代码 代码如下: /************************************自动适应的图片弹窗*********************************/ var autoImg=function(argcs){/*调整图片大小,等比例缩放argcs['maxHeight']=>最大高 度,argcs['maxWidth']=>最大宽度,argcs['height']=>图片高度,ar