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 相关文章推荐
转换json格式的日期为Javascript对象的函数
Jul 13 Javascript
node.js中的fs.chmodSync方法使用说明
Dec 18 Javascript
图解js图片轮播效果
Dec 20 Javascript
纯JavaScript基于notie.js插件实现消息提示特效
Jan 18 Javascript
jQuery中的一些常见方法小结(推荐)
Jun 13 Javascript
JavaScript中定时控制Throttle、Debounce和Immediate详解
Nov 17 Javascript
Vue.directive 自定义指令的问题小结
Mar 04 Javascript
详解如何在vue项目中使用eslint+prettier格式化代码
Nov 10 Javascript
VScode格式化ESlint方法(最全最好用方法)
Sep 10 Javascript
layui-select动态选中值的例子
Sep 23 Javascript
微信小程序批量上传图片到七牛(推荐)
Dec 19 Javascript
JavaScript前端面试扁平数据转tree与tree数据扁平化
Jun 14 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 Smarty date_format [格式化时间日期]
2010/03/15 PHP
PHP的explode和implode的使用说明
2011/07/17 PHP
php合并js请求的例子
2013/11/01 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
Javascript的构造函数和constructor属性
2010/01/09 Javascript
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
javascript 上下banner替换具体实现
2013/11/14 Javascript
Bootstrap图片轮播组件使用实例解析
2016/06/30 Javascript
学习Angular中作用域需要注意的坑
2016/08/17 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
JS模拟实现ECMAScript5新增的数组方法
2017/03/20 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
BootStrap给table表格的每一行添加一个按钮事件
2017/09/07 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
webpack配置导致字体图标无法显示的解决方法
2018/03/06 Javascript
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
js new Date()实例测试
2019/10/31 Javascript
解析Python中的异常处理
2015/04/28 Python
Python matplotlib绘图可视化知识点整理(小结)
2018/03/16 Python
pycharm 配置远程解释器的方法
2018/10/28 Python
Python设计模式之享元模式原理与用法实例分析
2019/01/11 Python
Python 一键制作微信好友图片墙的方法
2019/05/16 Python
Python读写文件基础知识点
2019/06/10 Python
Python实现二叉搜索树BST的方法示例
2019/07/30 Python
Django框架 Pagination分页实现代码实例
2019/09/04 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
将tf.batch_matmul替换成tf.matmul的实现
2020/06/18 Python
台湾最大网路书店:博客来
2018/03/18 全球购物
获奖的大学生创业计划书
2014/01/05 职场文书
团日活动策划书
2014/02/01 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
圣贤教育改变命运观后感
2015/06/16 职场文书