js代码格式化工具（格式化、压缩、加密压缩）
2024-05-12 01:27:34
canRun
原文：JavaScript/HTML格式化工具
演示地址
View Code
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <title>
6 JavaScript/HTML格式化 - 站长工具
7 </title>
8 <link href="http://files.cnblogs.com/Zjmainstay/toolsite.css" rel="stylesheet" type="text/css">
9 <script src="http://files.cnblogs.com/Zjmainstay/base.js" type="text/javascript"></script>
10 <script src="http://files.cnblogs.com/Zjmainstay/jsformat.js" type="text/javascript"></script>
11 <script src="http://files.cnblogs.com/Zjmainstay/htmlformat.js" type="text/javascript"></script>
12 </head>
13 <body>
14 <div class="wrap">
15 <div class="main">
16 <script type="text/javascript">
17 function do_js_beautify() {
18 document.getElementById('beautify').disabled = true;
19 js_source = document.getElementById('content').value.replace(/^\s+/, '');
20 tabsize = document.getElementById('tabsize').value;
21 tabchar = ' ';
22 if (tabsize == 1) {
23 tabchar = '\t';
24 }
25 if (js_source && js_source.charAt(0) === '<') {
26 document.getElementById('content').value = style_html(js_source, tabsize, tabchar, 80);
27 } else {
28 document.getElementById('content').value = js_beautify(js_source, tabsize, tabchar);
29 }
30 document.getElementById('beautify').disabled = false;
31 return false;
32 }
33 function pack_js(base64) {
34 var input = document.getElementById('content').value;
35 var packer = new Packer;
36 if (base64) {
37 var output = packer.pack(input, 1, 0);
38 } else {
39 var output = packer.pack(input, 0, 0);
40 }
41 document.getElementById('content').value = output;
42 }
43 function Empty() {
44 document.getElementById('content').value = '';
45 document.getElementById('content').select();
46 }
47 function GetFocus() {
48 document.getElementById('content').focus();
49 }
50 </script>
51 <form>
52 <div class="box">
53 <div id="b_1">
54 <h1>
55 <div class="titleft">
56 <a href="http://tool.chinaz.com/Tools/JsFormat.aspx">
57 JavaScript/HTML格式化工具
58 </a>
59 </div>
60 </h1>
61 <div class="box1">
62 <div style="color:#006AAD;font-size:16px;font-weight:bold;" align="center">
63 JavaScript/HTML格式化
64 </div>
65 <div style="padding-top:10px;" align="center">
66 <textarea id="content" name="content" style="width: 850px; border: 1px solid rgb(197, 226, 242); height: 300px; overflow: visible;"
67 cols="20" rows="20">
68 </textarea>
69 </div>
70 <div style="padding:7px 0px 0px 6px;">
71 <select name="tabsize" id="tabsize">
72 <option value="1">
73 制表符缩进
74 </option>
75 <option value="2">
76 2个空格缩进
77 </option>
78 <option value="4" selected="selected">
79 4个空格缩进
80 </option>
81 <option value="8">
82 8个空格缩进
83 </option>
84 </select>
85 <input class="but2" value="格式化" onclick="return do_js_beautify()" id="beautify"
86 type="button">
87 <input class="but2" value="普通压缩" onclick="pack_js(0)" type="button">
88 <input class="but2" value="加密压缩" onclick="pack_js(1)" type="button">
89 <input class="but2" value="清空结果" onclick="Empty();" type="button">
90 </div>
91 </div>
92 </div>
93 </div>
94 </form>
95 <div class="box">
96 <div id="b_14">
97 <h1>
98 <div style="float:left;">
99 工具简介
100 </div>
101 </h1>
102 <div class="box1">
103 <span class="info2" style=" font-size: 14px; line-height: 24px; text-align: left;white-space:normal; width:860px;overflow:hidden;">
104 可以把混乱的代码进行分行，整齐的显示出来。
105 </span>
106 </div>
107 </div>
108 <div style=" height:5px;">
109 </div>
110 </div>
111 </div>
112 </div>
113 </body>
114 </html>PS：纯HTML，可运行，点击左上方Tips链接可至源码运行页。
转载于:https://www.cnblogs.com/Zjmainstay/archive/2012/06/20/JS_format_2.html
js代码格式化工具（格式化、压缩、加密压缩）相关推荐
- 【小技巧】如何对混乱的HTML/CSS/JS代码进行格式化排版
如何对混乱的HTML/CSS/JS代码进行格式化排版 1. 将混乱的代码拷贝到一个文档中,通过NotePad++打开: 2.点开插件-插件管理: 3.搜索JSTool,并安装: 4.安装成功后会重启N ...
- java解压缩/压缩/加密压缩/加密解压缩 ZIP4J---ZIP文件压缩与解压缩学习
最近公司准备让各项目组提供公共工具组件,手中正好无事便研究其中一个工具 - 文件压缩与解压缩工具. 目前JAVA API已提供对于ZIP文件的压缩与解压缩,但网上总结不支持ZIP文件加密与解密甚至对于 ...
- webstorm编辑器，Ctrl+Alt+L格式化JS代码或格式化Vue代码后，单引号变成双引号，以及添加分号设置问题
问题描述:格式化之前的 ' 变成了 " 并且还加了 ; 解决方法: 编辑器左上角开始:File -> Settings -> Editor -> Code Style -& ...
- 专业的JS代码格式化工具
https://blog.csdn.net/u012627861/article/details/86072807 厉害的工具,来吧,会知道英雄所见略同的.?
- JS加密，JS混淆，JS混淆加密，JS不可逆加密，JS加密压缩
分享一个JavaScript加密,JS加密,JS混淆,JS混淆加密,JS不可逆加密,JS加密压缩 ,JS加密. 使用方式 / 注意事项 1.本工具是本站长结合了64个组件(大部分为开源组件),开发出来 ...
- 如何保护前端JS代码？前端js代码加密
Web前端JS代码需要保护吗? 这得具体情况具体分析. 1.如果只是写一段web页面图片轮播,或是跑马灯效果等等之类简单的功能.那不需要保护. 2.如果是精心设计一个绚丽的特效,如果想要保护这段自己付 ...
- 揭晓eval(function(p,a,c,k,e,r)js代码解密加密程序
最近大雄搜集站,在弄改一个wp网站侧边栏的小工具就发现了,JS的代码脚本很乱,不是常规写法,后来查阅发现是由于JS加密造成的,我对这种事情很不理解,有一些既然是选择开源了,为啥JS还加密.走你,那就一 ...
- linux中zip加密压缩
1.加密压缩 ##加密压缩方法一 zip -re filename.zip filename ##加密压缩方法二password是密码 zip -rP passwork filename.zip fi ...
- 如何使用js将html、css、js代码格式化并高亮显示
代码格式化,高亮显示,这在我们开发过程中都是司空见惯的功能,各种编辑器都有,在好多网站上也可以在线格式化代码,但是如何在我们的前端页面上插入一段格式化后高亮显示的代码呢?有些小伙伴可能还不会,那么看完 ...
最新文章
- 福利直投！这个活动承包你2020全年技术干货
- Xamarin无法调试Android项目
- BZOJ3448 : [Usaco2014 Feb]Auto-complete
- Linux上静态库和动态库的编译和使用
- java常量数组吗_java – 如何在注释中使用数组常量
- Exchange 2007中批量修改用户邮箱配额
- 用C语言编译病毒,来来来，教你一个用C语言写个小病毒
- VBS表白代码以及一些注意事项
- jsp教师信息管理系统
- 用AVX2指令集优化整形数组求和
- CSS字体设置中常用字体大全
- 【Uplift】因果推断基础篇
- MAC 在线安装系统
- Visual Studio Code插件-前端工程师开发必备
- 动视密码要输入8个字符怎么解决
- 文件操作SaveFileDialog的用法
- Google Earth Engine(GEE) 批量运行和取消task
- 传Snapchat母公司Snap拟于3月在纽交所IPO上市
- 【限时】21天学习挑战赛 - 经典算法
- Visual Studio 搜索文件快捷键