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


Posted in Javascript onMarch 12, 2015

本文实例讲述了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. 格式化之前:

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

3. 格式化之后:

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

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

Javascript 相关文章推荐
Javascript的IE和Firefox兼容性汇编(zz)
Feb 02 Javascript
jQuery Ajax提交表单查询获得数据实例代码
Sep 19 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
js实现文字滚动效果
Mar 03 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
JS 对java返回的json格式的数据处理方法
Dec 05 Javascript
基于JavaScript实现熔岩灯效果导航菜单
Jan 04 Javascript
jQuery中的deferred使用方法
Mar 27 jQuery
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
js实现鼠标拖曳效果
Dec 30 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 Javascript
解决vue-router的beforeRouteUpdate不能触发
Apr 14 Vue.js
微信中一些常用的js方法汇总
Mar 12 #Javascript
javascript实现checkBox的全选,反选与赋值
Mar 12 #Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 #Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 #Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 #Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 #Javascript
jquery图形密码实现方法
Mar 11 #Javascript
You might like
PHP伪静态Rewrite设置之APACHE篇
2014/07/30 PHP
php+xml结合Ajax实现点赞功能完整实例
2015/01/30 PHP
浅析php静态方法与非静态方法的用法区别
2016/05/17 PHP
php使用str_shuffle()函数生成随机字符串的方法分析
2017/02/17 PHP
Yii2数据库操作常用方法小结
2017/05/04 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
各种效果的jquery ui(接口)介绍
2008/09/17 Javascript
HTML 自动伸缩的表格Table js实现
2009/04/01 Javascript
Javascript 面试题随笔
2011/03/31 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
2012/10/24 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
jQuery实现简单的图片查看器
2020/09/11 Javascript
javascript中JSON.parse()与eval()解析json的区别
2016/05/19 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
angular使用bootstrap方法手动启动的实例代码
2017/07/18 Javascript
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
WebSocket的简单介绍及应用
2019/05/23 Javascript
js实现滚动条自动滚动
2020/12/13 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
Python 除法小技巧
2008/09/06 Python
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
详解Python中的循环语句的用法
2015/04/09 Python
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
python Tkinter版学生管理系统
2019/02/20 Python
selenium+python环境配置教程详解
2019/05/28 Python
检测python爬虫时是否代理ip伪装成功的方法
2019/07/12 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
利用pandas向一个csv文件追加写入数据的实现示例
2020/04/23 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
你不知道的5个HTML5新功能
2016/06/28 HTML / CSS
澳大利亚吉他在线:Artist Guitars
2017/03/30 全球购物
广州御银科技股份有限公司试卷(C++)
2016/11/04 面试题
学习党章的体会
2014/11/07 职场文书
美丽人生观后感
2015/06/03 职场文书
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL