เมธอด window.atob() ของ HTML ใช้ถอดรหัสสตริงข้อมูลที่เข้ารหัสเป็น base-64 กลับเป็นสตริงเดิมในเอกสาร HTML
ไวยากรณ์
ไวยากรณ์มีดังนี้ −
window.atob(string_to_be_decoded);
ลองดูตัวอย่างการใช้งานเมธอด Window atob() ของ HTML −
ตัวอย่าง
<!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; } ::placeholder { color: #000; } </style> <body> <h1>เมธอด atob()/btoa() ของ HTML Window</h1> <textarea placeholder="ป้อนข้อความที่นี่" cols="30" rows="5"></textarea> <button onclick="encode()" class="btn">เข้ารหัสข้อความ</button> <button onclick="decode()" class="btn">ถอดรหัสข้อความ</button> <div class="show"></div> <script> var show = document.querySelector(".show"); function encode() { var encMsg = window.btoa(document.querySelector("textarea").value); show.innerHTML = encMsg; } function decode() { var decMsg = window.atob(document.querySelector("textarea").value); show.innerHTML = decMsg; } </script> </body> </html>
ผลลัพธ์
ป้อนข้อความในพื้นที่ข้อความสีขาว แล้วคลิกปุ่ม เข้ารหัสข้อความ เพื่อแสดงข้อความที่เข้ารหัสด้วยเมธอด btoa() −
จากนั้นคลิกปุ่ม ถอดรหัสข้อความ เพื่อแสดงข้อความที่ถอดรหัสด้วยเมธอด atob() −
