1、首先新建一个html文件，命名为test.html。
成都创新互联公司专注于企业营销型网站、网站重做改版、印台网站定制设计、自适应品牌网站建设、H5网站设计、商城建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为印台等各大城市提供网站开发制作服务。
2、在test.html文件内,使用img标签创建一张图片显示，并设置其id属性为pic。
3、在test.html文件内,使用button标签创建一个按钮，按钮名称为“改变图片样式”。
4、在test.html文件内,给button绑定onclick点击事件，当按钮被点击时，执行cha()函数。
5、在test.html文件内,在js标签内，创建cha（）函数，在函数内，使用getElementById（）方法获得img元素对象，再使用setAttribute（）方法设置img对象的class属性为imagecss。
6、在test.html文件内,使用css定义imagecss的样式，设置为红色5px边框，宽度为300px，就可以了。
1：利用IE开发人员工具(IE8开始已经自带，IE7以前需要下载安装IE Developer Toolbar)进行反混淆，
2：代码实现
混淆后的测试代码
eval(function(p,a,c,k,e,d){e=function(c){return(ca?"":e(parseInt(c/a)))+((c=c%a)35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('1("0－6");2 4(){1("0－5")}8 3=2(){1("0－7")};4();3()',9,9,'忧郁的匹格|alert|function|b|a|反混淆测试2|反混淆测试1|反混淆测试3|var'.split('|'),0,{}))
开始实施：
1.新建一个网页xxx.html
2.加入一个div容器 id="divTest"
3.最关键的一步－－赋值执行：(在上面混淆的代码中，将eval()中的内容提取出来赋值（或直接打印）给document.getElementById('divTest').innerText )
document.getElementById('divTest').innerText=function(p,a,c,k,e,d){e=function(c){return(ca?"":e(parseInt(c/a)))+((c=c%a)35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('1("0－6");2 4(){1("0－5")}8 3=2(){1("0－7")};4();3()',9,9,'忧郁的匹格|alert|function|b|a|反混淆测试2|反混淆测试1|反混淆测试3|var'.split('|'),0,{})
打开xxx.html 显示结果：(反混淆后的代码已经被压缩了，去掉了换行等字符)
alert("忧郁的匹格－反混淆测试1");
function a(){alert("忧郁的匹格－反混淆测试2")}
var b=function(){alert("忧郁的匹格－反混淆测试3")};
a();
b();
PS：使用packed这个混淆过的js都可以使用这个方法还原，找了几个项目里面混淆过的js都可以还原，只是去掉了换行符，
script
window.onload=function(){
var a = ["a","b","c"];
var b = [1,"haha",function(a){alert(a);}];
var obj = Ary2Obj(a,b);
var func = Ary2Func(a,b);
//test
obj.c(obj.a+obj.b);
//test
var f = new func();
f.c(f.a+f.b);
}
function Ary2Obj(ary1,ary2){
var o = {};
for(var i=0;iary1.length;i++){
o[ary1[i]]=ary2[i];
}
return o;
}
function Ary2Func(ary1,ary2){
var f = function(){};
for(var i=0;iary1.length;i++){
f.prototype[ary1[i]]=ary2[i];
}
return f;
}
/script
Grunt里面的grunt-contrib-uglify可以进行类似的压缩和混淆，但是还有其他的工具也可以，例如Yahoo YUI Compressor，所以说不一定是那工具出来的。
早期的混淆是采用eval的机制来混淆的，把源代码的结构用 eval 改的面目全非，这个过程是可逆的。
而类似grunt-contrib-uglify这样的工具可以用自定义的符号对代码进行混淆，如果不知道自定义的符号 key，过程是不可逆的。
而后一种方式有点像谍战中的通过“代号”找人一样，打个比方：
我党的地下工作者有：xx(不告诉你名字) - 三爷 xx(不告诉你名字) - 四儿，这个名单中统并不知道，所以名字不能告诉你
中统获得一件情报：三爷打算5点去找人联络，请你告诉我，三爷是谁？