window.atob和window.btoa

2026-08-29

window.btoa 和 window.atob

前一段时间被安全部门查出,明文传递密码,被要求整改. 然后就进行了引入了第三方的base64编码的js库,进行了编码然后传递. 其实在前端的加密都是寻求一个心理安慰,作用是微乎其微的,确实也更加好那么一点. 今天在看 filer 无意看到了 btoa和atob. 这不就是内置的base64编码和解码么,那么接下来有两个问题兼容性和中文的支持情况兼容性兼容性IE10以上和其他浏览器都支持,还是相对不错的,要是移动端都支持. 借两张 MDN的图片,要是真遇到IE怎么办,引入polyfill库,

window.atob()与window.btoa()方法实现编码与解码

window.atob() 与window.btoa() WindowBase64.atob() 函数用来解码一个已经被base-64编码过的数据.你可以使用 window.btoa() 方法来编码一个可能在传输过程中出现问题的数据,并且在接受数据之后,使用 window.atob() 方法来将数据解码.例如:你可以把ASCII里面数值0到31的控制字符进行编码,传输和解码. window.btoa():将ascii字符串或二进制数据转换成一个base64编码过的字符串,该方法不能直接作用于Un

JS实现Base64编码、解码，即window.atob，window.btoa功能

window.atob(),window.btoa()方法可以对字符串精选base64编码和解码,但是有些环境比如nuxt的服务端环境没法使用window,所以需要自己实现一个base64的编码解码功能,下面是原生js实现该功能,可以作为一个常用工具使用. // private property let _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // private me

使用window.btoa和window.atob来进行Base64编码和解码

方法描述 WindowBase64.atob() 函数用来解码一个已经被base-64编码过的数据. WindowBase64.btoa() 函数将ascii字符串或二进制数据转换成一个base64编码过的ASCII字符串,该方法不能直接作用于Unicode字符串. window.atob: a ==> bwindow.btoa: b ==> a 你可以使用 window.btoa() 方法来编码一个可能在传输过程中出现问题的数据,并且在接受数据之后,使用 window.atob() 方

window.onload和window.document.readystate的探究

在编写前端页面的时候,我们时常需要对页面加载的状态进行判断,以便进行相应的操作. 比如在移动端,时常需要在页面完全加载完成之前,先显示一个loading的图标,等待页面完成加载完成后,才显示出真正要展现的页面元素.见代码1: <html> <head> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script> function isL

window.location.href = window.location.href 跳转无反应 a 超链接 onclick 点击跳转无反应

错误写法 , 主要是在 href="#"这里 <a href="#" id="send" onclick="return buttonClick();">发送</a> 脚本如下 if (data == "发送成功") { alert(data); window.location.href = window.location.href; } 正确的写法 href 后面跟一个 java

window.parent与window.openner区别介绍

今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如

window.parent 与 window.opener

window.parent针对iframe,window.opener针对window.open 父页面parent.jsp: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//E

window.location和window.open

window.location和window.open的区别 window.location = "http://www.baidu.com" 跳转后有后退功能 window.location.replace("http://www.baidu.com") 跳转后没有后退功能 window.open("http://www.baidu.com") 要新的窗口打开链接

JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

一.Iframe 篇公共部分 //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue(ObjectID,ContentID) { var IsIE = (navigator.appName == 'Microsoft Internet Explorer') if(IsIE) {//如果是IE alert(document.frames(ObjectID).document.getElementById(ContentID).i

关于window.onload，window.onbeforeload与window.onunload

★ window.onload 当页面加载完毕的时候执行,即在当前页面进行其他操作之前执行.如,刚进入某个网页的弹窗提示. ( 与window.onload相近的可以参考我写的另外一篇记录"比较body.onload(function()).$(document).ready(function())与$(windows).load(function)" ) ★ window.onbeforeunload 与 window.onunload 的比较 window.onbefor

JavaScript中，window.opener是什么？window.parent和window.opener有啥区别？

来自CSDN的问答: window.opener是什么啊? ++++++++++++++++++++++++++++++++++++++++++++++++++ 弹出本窗体的句柄比如你想点一个按钮直接把该窗体关闭,但又不想弹出提示确认,问你是否要关闭. 可以如下写:window.opener=null;windows.close(); ++++++++++++++++++++++++++++++++++++++++++++++++++ 是在子网页中表示父网页.. 如由a网页打开b网页,则在b中

window.parent与window.openner 之前的总结

今天总结一下js中几个对象的区别和用法: 1.首先来说说 parent.window与top.window的用法 "window.location.href","location.href" 是本页面跳转 "parent.location.href" 是上一层页面跳转 "top.location.href" 是最外层的页面跳转举例说明: 如果A,B,C,D都是窗口,D是C的iframe,C是B的iframe,B是A的ifra

$(document).ready vs $(window).load vs window.onload

原文地址: $(document).ready vs $(window).load vs window.onload $(document).ready We execute our code when DOM is ready except images. //call type 1 $(document).ready(function() { /** work when all HTML loaded except images and DOM is ready **/ // your co

window.parent与window.openner

window.parent与window.openner区别介绍作者: 字体:[增加减小] 类型:转载今天总结一下js中几个对象的区别和用法,对这几个概念混淆的朋友可以看看今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 &quo

总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

一.Iframe 篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&& //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValu

window.showModalDialog 与window.open传递参数的不同？

简单的说,就是一个在弹出窗口之后可以做其它的事,即window.open 另一个在弹出窗口之后不能做其它的事,只能是关闭了当前的窗口之后才能做其它的事,即window.showModalDialog 那么两者在使用上有什么不同呢?他们分别是如何和父窗口进行交互的呢? 先来看window.showModalDialog的例子: 我这里现在有一个父窗体parent.jsp,它里面有一个方法 function openChild(){ var temp = window.

js实现跨域(jsonp, iframe+window.name, iframe+window.domain, iframe+window.postMessage)

一.浏览器同源策略首先我们需要了解一下浏览器的同源策略,关于同源策略可以仔细看看知乎上的一个解释.传送门总之:同协议,domain(或ip),同端口视为同一个域,一个域内的脚本仅仅具有本域内的权限,可以理解为本域脚本只能读写本域内的资源,而无法访问其它域的资源.这种安全限制称为同源策略. ( 现代浏览器在安全性和可用性之间选择了一个平衡点.在遵循同源策略的基础上,选择性地为同源策略"开放了后门". 例如img script style等标签,都允许垮域引用资源.) 下表给出了相对

window.top、window.parent

iframe和frameset中可能会用到window.parent.window.top 其中window.parent是相对于打开子页面的当前js所在页面的层级: 例如:a页面中包含一个iframe页面b, 同时a页面中有一个common.js 文件,当在b页面中调用common.js中的函数打开页面c时, 在c页面中调用window.parent.fnName()找到的是common.js或者a页面中的函数,而不是b页面中的函数.

window.open和window.close的使用详解

有时候,我们想通过JS实现一个<a>的新开标签的效果,此时我们想到了window.open方法实现.那么window.open到底应该怎么使用呢? 我们知道window.open可以新开窗口或标签页(这通常和浏览器的设置选项有关),载入指定的URL到新的或已存在的窗口中,并返回代表那个窗口的window对象.window.close可以关闭窗口,但是只能自动关闭JS打开的窗口,如果要关闭其他窗口,必须提示用户进行确定或取消操作(这个与浏览器相关,经测IE需要提示才能关闭:其他浏览器不允许自

window.atob和window.btoa

热门专题