zoukankan      html  css  js  c++  java
  • Javascript中Base64编码解码的使用实例

    Javascript为我们提供了一个简单的方法来实现字符串的Base64编码和解码,分别是window.btoa()函数和window.atob()函数。

    1   var encodedStr = window.btoa(“Hello world”); //字符串编码
    2   var decodedStr = window.atob(encodedStr); //字符串解码
    

      

    看下面的实例代码:

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <title>Javascript中Base64编码解码的使用实例 :: http://www.uncletoo.com</title>
     5         <style>
     6             #result{
     7                 height: 200px;
     8                  500px;
     9                 overflow-y: auto;
    10                 border: #ccc dotted 1px;             
    11             }
    12         </style>
    13     </head>
    14     <body>
    15 结果:
    16         <div id="result"> </div>
    17         <table>
    18             <tr><td>输入要编码的字符串: </td><td><input type='text' id='estr' value=''></td><td> <button onclick="encodeStr()">编码</button></td></tr>
    19         <tr><td>输入要解码的字符串: </td><td><textarea id="dstr"></textarea></td><td> <button onclick="decodeStr()">解码</button></td></tr>
    20 </table>
    21         <script>
    22             function encodeStr()
    23             { // 字符串编码
    24                 var str_val = document.getElementById("estr").value;
    25                 if (str_val === '')
    26                 {
    27                     alert("Please Enter string to encode");
    28                 } else {
    29                     var enc = window.btoa(str_val);
    30                     document.getElementById("result").innerHTML = enc;
    31                 }
    32             }
    33             function decodeStr()
    34             { // 字符串解码
    35                 var str_val = document.getElementById("dstr").value;
    36                 if (str_val === '')
    37                 {
    38                     alert("Please Enter string to Decode");
    39                 } else {
    40                     var dec = window.atob(str_val);
    41                     document.getElementById("result").innerHTML = dec;
    42                 }
    43             }
    44         </script>
    45     </body>
    46 </html>
  • 相关阅读:
    数据库表数据传输到Oracle方案
    Pdnovel 在线阅读体验
    Metaweblog博客分发体验
    Liveqrcode活码系统设计
    Java Language Changes for Java SE 9
    利用“计算器”和公式做房贷计算
    阿里云SLB快速切换至https
    Charles 协助解决 metaweblog 排序问题
    Go语言网络通信---连续通信的UDP编程
    Go语言网络通信---一个简单的UDP编程
  • 原文地址:https://www.cnblogs.com/fujilong/p/5306502.html
Copyright © 2011-2022 走看看