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之大字符串的连接的StringBuffer 类
May 08 Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
jQuery-Easyui 1.2 实现多层菜单效果的代码
Jan 13 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
Jun 19 Javascript
浅析javascript中function 的 length 属性
May 27 Javascript
使用jquery实现仿百度自动补全特效
Jul 23 Javascript
关于angular js_$watch监控属性和对象详解
Apr 24 Javascript
BootStrap模态框不垂直居中的解决方法
Oct 19 Javascript
three.js实现炫酷的全景3D重力感应
Dec 30 Javascript
vue如何限制只能输入正负数及小数
Jul 04 Javascript
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
Vue 3.0中jsx语法的使用
Nov 13 Javascript
微信中一些常用的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与MySQL开发中页面出现乱码的一种解决方法
2007/07/29 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
jQuery 一个图片切换的插件
2011/10/09 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
jquery.form.js用法之清空form的方法
2014/03/07 Javascript
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
2016/10/31 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
jQuery插件fullPage.js实现全屏滚动效果
2016/12/02 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
vue如何将v-for中的表格导出来
2018/05/07 Javascript
详解vue路由篇(动态路由、路由嵌套)
2019/01/27 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
2020/05/31 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
js实现头像上传并且可预览提交
2020/12/25 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
python中pygame针对游戏窗口的显示方法实例分析(附源码)
2015/11/11 Python
python根据unicode判断语言类型实例代码
2018/01/17 Python
对python 多线程中的守护线程与join的用法详解
2019/02/18 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
画pytorch模型图,以及参数计算的方法
2019/08/17 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
Django 自定义分页器的实现代码
2019/11/24 Python
Python 如何创建一个线程池
2020/07/28 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
叙述DBMS对数据控制功能有哪些
2016/06/12 面试题
介绍一下Python中webbrowser的用法
2013/05/07 面试题
部队个人年终总结
2015/03/02 职场文书
JavaScript 反射学习技巧
2021/10/16 Javascript