浅谈Javascript Base64加密解密

超文本标记语言代码：

复制代码代码如下：DOCTYPE html html head Title页面Title/Title style type=' text/CSS ' * { font-family : Consolas；字体样式：斜体}。response box { width :900 pxmargin :10 px汽车；padd :10 pxborder 33602 px实心# 366;边框半径： 10px 0 10px 0文本-对齐：中心}。responsebox输入，responsebox按钮{ font-size : 30pxmargin :5 xpadding :5 px }。span super { vertical-align : super；font-size: 14px} .spanbottom {竖排：文本-底部；font-size : 12px左边距-:-110 px } #显示框{宽度：900 px高度：430 pxborder:5px固体# 663;边界半径： 0 20px 0 20pxmargin:10px汽车；padd :8 pxfont-size : 20px }/style/head dydiv class=' response box ' h1 JavaScript Base64编码decadespan class=' span super '[email protected]/span span class=' span bottom ' 2014-12-27 17:44/span/h1输入类型='text' id='input '输入类型=' check box ' id=' check box ' check le ' check=' check le ' check ' Base 64/输入按钮id='btn '转换完成！/button/div div id=' show box '/div/body脚本类型=' text/JavaScript '/* JavaScript知识： *函数：窗口。atob()窗口。btoa()unescape()escape()encodeURIComponent()decodeURIComponent()*正则表达式清除首位空格：_string.replace(/(^\s*)|(\s*$)/g,'')；* *封面64封面自执行函数*输入d输入框id *checkboxid选择框id *btnid按钮id *showid html显示容器id，这里是一个div#showbox */(函数covertbase64 rstring(输入tid、checkboxid、btnid、show id){ var checkbox=document。getelementbyid(复选框id)；//html dom选择复选框var chk值=复选框。GetAttribute('选中');//html DOM选择选中值var BTN=文档。getelementbyid(btnid)；//html dom选择按钮id var isbase64//base64 ostring或stringtobase 64 bool var返回值=null//转换后的字符串chkvalue=='选中？isba se64=真： isba se64=假；//判断支票按钮初始化状态赋值是base64复选框。addeventlistener(' click '，function(e) { //checkbox点击事件注册var _ ckvak=复选框。GetAttribute('选中');//点击事件发生时，改变支票状态，赋值如果(_ CK vak=='选中'){复选框，则为base64。SetAttribute(' checked '，null)；isbase64=false} else {复选框。setattribute(' checked '，' checked ')；isbase64=true} }，真);btn.addEventListener('click ')，函数(e){//按钮点击事件注册var _ show=文档。getelementbyid(显示id)；//html dom选择显示框id var _ input值=文档。getelementbyid(输入tid).价值；//文本框取值//_inputvalue=_inputvalue.replace(/(^\s*)|(\s*$)/g，”)；//正则表达式去除首位空格，似乎btoa，abob已经做了这些工作var _ show length=_ show。子节点。长度；//遍历陈列柜，清除秀宝内容而(_ show length 0){ _ show。移除子级(_ show。子节点[_ show length-1])；_显示长度-；} if (isbase64) { //string to base64，支持中文编码，unescape，encodeURIComponent返回值=window。btoa(unescape(encodeURIComponent(_ input value)))；} else {//base64返回字符串val=decodeURIComponent(escape(window。atob(_输入值)))；} _显示。appendchild(文档。createtextnode(return val))；//将上下文添加到showbox })，真)；})(“输入”、“复选框”、“btn”、“显示框”)；//covertbase64 rstring(' input '，' checkbox '，' btn '，' show box ')；/script/html

效果：

推荐一个Javascript IDE比免费的还好用科莫多IDE(免费版：科莫多编辑，基本功能一样)支持语法高亮，智能感知，还支持perl、python、ruby、nodejs语法等。