杰晶网络

浅谈Javascript Base64 加密解密
网络编程 2024/11/9 佚名
3 2

html代码：

复制代码 代码如下:
 <!DOCTYPE html>
 <html>
 <head>
     <title>Page Title</title>
     <style type="text/css">
     *{font-family: Consolas;font-style: italic}
     .responsebox{width:900px;margin:10px auto;padding:10px;border:2px solid #366;border-radius: 10px 0 10px 0; text-align: center}
     .responsebox input,.responsebox button{font-size: 30px;margin:5px;padding:5px;}
     .spansuper{vertical-align: super;font-size: 14px}
     .spanbottom{vertical-align: text-bottom;font-size: 12px;margin-left: -110px}
     #showbox{width:900px;height:430px;border:5px solid #663;border-radius: 0 20px 0 20px;margin:10px auto;padding:8px;font-size: 20px}
     </style>
 </head>
 <body>
 <div class="responsebox">
     <h1>Javascript Base64 Encode & Decode<span class="spansuper">veinyf@gmail.com</span><span class="spanbottom">2014-12-27 17:44</span></h1>
     <input type="text" id="input">
     <input type="checkbox" id="checkbox" checked="checked">Base64</input>
     <button id="btn">Convert done !</button>
 </div>
 <div id="showbox"></div>
 </body>
 <script type="text/javascript">
     /*javascript知识：
      *函数：window.atob()    window.btoa()   unescape() escape() encodeURIComponent() decodeURIComponent()
      *正则表达式清除首位空格：_string.replace(/(^\s*)|(\s*$)/g,"");
      *
      *CovertBase64orString自执行函数
      *inputid   输入框id
      *checkboxid    选择框id
      *btnid 按钮id
      *showid    html显示容器id，这里是一个div#showbox
      */
 (function CovertBase64orString(inputid, checkboxid, btnid, showid) {
     var checkbox = document.getElementById(checkboxid); //html dom select checkbox
     var chkvalue = checkbox.getAttribute("checked");    //html dom select checkedvalue
     var btn = document.getElementById(btnid);           //html dom select button id
     var isbase64;                                       //base64toString or StringtoBase64 bool
     var returnval = null;                               //Converted string
     chkvalue == "checked" "click", function(e) {            //checkbox 点击事件注册
         var _ckvak = checkbox.getAttribute("checked");          //点击事件发生时，改变check状态，赋值isbase64
         if (_ckvak == "checked") {
             checkbox.setAttribute("checked", null);
             isbase64 = false;
         } else {
             checkbox.setAttribute("checked", "checked");
             isbase64 = true;
         }
     }, true);
     btn.addEventListener("click", function(e) {                    //button 点击事件注册
         var _show = document.getElementById(showid);               //html dom select showbox id
         var _inputvalue = document.getElementById(inputid).value;   //文本框取值
         //_inputvalue=_inputvalue.replace(/(^\s*)|(\s*$)/g, "");    //正则表达式去除首位空格，似乎btoa，abob已经做了这些工作
         var _showlength = _show.childNodes.length;                  //遍历showbox，清除showbox内容
         while (_showlength > 0) {
             _show.removeChild(_show.childNodes[_showlength - 1]);
             _showlength--;
         }
         if (isbase64) {  //string to base64，支持中文编码，unescape，encodeURIComponent
             returnval = window.btoa(unescape(encodeURIComponent(_inputvalue)));
         } else {        //base64 to string
             returnval = decodeURIComponent(escape(window.atob(_inputvalue)));
         }
         _show.appendChild(document.createTextNode(returnval));          //add context to showbox
     }, true);
 })("input", "checkbox", "btn","showbox");
 //CovertBase64orString("input", "checkbox", "btn","showbox");
 </script>
 </html>

效果：

浅谈Javascript Base64 加密解密

推荐一个Javascript IDE 比Aptana还好用。Komodo IDE（免费版：Komodo Edit，基本功能一样）支持语法高亮，智能感知，还支持perl，python，ruby，nodejs语法等。

浅谈Javascript Base64 加密解密

标签：
Javascript,Base64,加密,解密
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
评论“浅谈Javascript Base64 加密解密”
暂无“浅谈Javascript Base64 加密解密”评论...
www.imxmx.com 杰晶网络
8,675无损音乐
1,324高清电影
213破解软件
120,141站长资源
一句话新闻
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/9

3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。

苹果官方表示：

在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。

探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。

Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新动态

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网