<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>javascript代码 格式化 压缩</title>
<meta name="Generator" content="盈动汽车网 http://www.yindon.com" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<script type="text/javascript" src="base.js"></script>
<script type="text/javascript" src="jsformat.js"></script>
<script type="text/javascript" src="jsformat2.js"></script>
<script type="text/javascript" src="htmlformat.js"></script>
<style type="text/css">
*
{
margin: 0;
padding: 0px;
text-align: left;
}
</style>
</head>
<body style="text-align: center;">
<div style="width: 800px; margin: 0px auto;">
<div align="center" style="color: rgb(0, 106, 173); font-size: 16px; font-weight: bold;">
JavaScript/HTML格式化</div>
<div align="center" style="padding-top: 10px;">
<textarea rows="20" cols="20" style="border: solid 5px #777777; width: 750px; height: 300px;"
name="content" id="content"></textarea>
<script type="text/javascript">setTimeout("GetFocus();",10)</script>
</div>
<div style="padding: 7px 0px 0px 6px;">
<select id="tabsize" name="tabsize">
<option value="1">制表符缩进 </option>
<option value="2">2个空格缩进 </option>
<option selected="selected" value="4">4个空格缩进 </option>
<option value="8">8个空格缩进 </option>
</select>
<input type="button" id="beautify" onclick="return do_js_beautify()" value="格式化" />
<input type="button" onclick="pack_js(0)" value="普通压缩" />
<input type="button" onclick="pack_js(1)" value="加密压缩" />
<input type="button" onclick="copy();" value="复制" />
<input type="button" onclick="Empty();" value="清空结果" />
<input type="button" onclick="test();" value="测试" />
</div>
</div>
<script type="text/javascript">
function do_js_beautify() {
document.getElementById('beautify').disabled = true;
var js_source = document.getElementById('content').value.replace(/^\s+/, '');
var tabsize = document.getElementById("tabsize").value;
var tabchar = " ";
if (tabsize == 1) {
tabchar = '\t';
}
if (js_source && js_source.charAt(0) === '<') {
document.getElementById('content').value = style_html(js_source, tabsize, tabchar, 80);
} else {
document.getElementById('content').value = js_beautify(js_source, tabsize, tabchar);
}
document.getElementById('beautify').disabled = false;
return false;
}
function pack_js(base64) {
var input = document.getElementById('content').value;
var packer = new Packer;
if (base64) {
var output = packer.pack(input, 1, 0);
} else {
var output = packer.pack(input, 0, 0);
}
document.getElementById('content').value = output;
}
function copy() {
var Result = document.getElementById('content').value;
if (document.getElementById('content').value != '') {
window.clipboardData.setData("Text", Result);
document.getElementById('content').select();
window.alert('已复制成功!');
}
}
function Empty() {
document.getElementById('content').value = '';
document.getElementById('content').select();
}
function GetFocus() {
document.getElementById('content').focus(); }
</script>
<script type="text/javascript">
function test()
{
var obj = document.getElementById("tabsize");
alert(obj.value);
//alert(document.getElementById("tabsize").options[document.getElementById("tabsize").selectedIndex].value);
}
</script>
</body>
</html>