js實現(xiàn)最短的XML格式化工具實例
更新時間：2015年03月12日 09:10:39 作者：redraiment
這篇文章主要介紹了js實現(xiàn)最短的XML格式化工具,實例分析了基于jquery-latest.js實現(xiàn)XML代碼格式化的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)最短的XML格式化工具的方法。分享給大家供大家參考。具體如下：
這是用 E4X 實現(xiàn)最短的 XML 格式化工具。可惜 IE 至今不支持這個標(biāo)準(zhǔn)特性...
請在 Firefox 或 Chrome 下運行！
1.代碼如下：
復(fù)制代碼 代碼如下:
<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>
<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程序設(shè)計有所幫助。
相關(guān)文章
理解JAVASCRIPT中hasOwnProperty()的作用
JavaScript中hasOwnProperty函數(shù)方法是返回一個布爾值，指出一個對象是否具有指定名稱的屬性2013-06-06
這篇文章主要為大家分享了最全面詳細(xì)的微信JS接口大全，希望對大家有幫助，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了如何利用JavaScript實現(xiàn)一個簡單的投票demo，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)有一定參考價值，需要的可以參考一下2022-06-06
這篇文章主要介紹了js實現(xiàn)文字頭像的生成的代碼，代碼簡單易懂，非常不錯，對大家的工作或?qū)W習(xí)具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
javascript 漢字與拼音轉(zhuǎn)換...2007-02-02
本文通過實例代碼給大家詳細(xì)介紹了使用cookie繞過驗證碼登錄的實現(xiàn)方法，需要的朋友參考下吧2017-10-10
select隱藏選中值對應(yīng)的id,顯示其它id的簡單實現(xiàn)方法
下面小編就為大家?guī)硪黄猻elect隱藏選中值對應(yīng)的id,顯示其它id的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要介紹了基于Fixed定位的框選功能，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
Three.js+React使二維圖片呈現(xiàn)3D效果
這篇文章主要為大家介紹了如何利用Three.js+React技術(shù)棧，將二維漫畫圖片轉(zhuǎn)化為三維視覺效果。文中的實現(xiàn)方法講解詳細(xì)，需要的可以參考一下2022-02-02
下面小編就為大家?guī)硪黄褂肧VG基本操作API的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09