HTML5三种对密码加密的方法

1、base64加密：在页面中引入base64.js文件，调用方法为：

2、md5加密：在页面中引用md5.js文件，调用方法为

3、sha1加密，据说这是最安全的加密：页面中引入sha1.js，调用方法为

base64.js： http://files.cnblogs.com/mofish/base64.js

md5.js: http://files.cnblogs.com/mofish/md5.js

sha1.js: http://files.cnblogs.com/mofish/sha1.js

我们可以知道：escape()除了 ASCII 字母、数字和特定的符号外，对传进来的字符串全部进行转义编码，因此如果想对URL编码，最好不要使用此方法。而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent（指请求参数）应当是最常用的，它可以讲参数中的中文、特殊字符进行转义，而不会影响整个URL。

请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处，前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

一、encodeURI()//转义一个URI中的字符

语法：encodeURI(uri)//这个在编码不同的AJAX请求时，解决中文乱码问题经常用到。

二、decodeURI()//解码一个URI中的字符

语法：decodeURI(uri)

三、encodeURIComponent()//转义URI组件中的字符

四、decodeURIComponent()//解码一个URI组件中的字符

五、escape()//编码一个字符串

语法：escape(value)

六、unecape()//解码一个由escape()函数编码的字符串

在最基本的提示里，会有限制最短输入信息，即你需要使用js。也就是说，在提交前或者控件失去焦点时对输入域的值的长度、数据类型、合法性进行检查，通过后才提交，否则提示错误HTML5表单中对于密码输入框password类型可以隐藏用户输入的内容，但有时候会用到允许用户自由显示或者隐藏输入框内容：要实现这个功能首先想到的是用js动态改变input的type类型，即将type = password变成type = text隐藏的密码就会显示，但是实际上却实现不了，没有效果，所以，只能换一个思路：[2017.5.19更新：最新的type设置已经奏效了，可以直接修改type=text和type=password来显示和隐藏密码输入框了，更新后的代码见下方，原方法请弃用]放两个input，一个是password，一个是text，共同监听用户的输入事件，用户每次切换我们用js控制两个input的显示与隐藏来实现此效果。实现步骤：

1首先写好HTML界面标签以及css样式（其中的text的input开始先隐藏style="display:none"，后面显示和隐藏 *** 作也通过改变display的属性来实现）.

2然后要用JS实现点击事件的交替 *** 作：开始密码是隐藏的，点击后面的小眼睛图标显示密码，也就是把password的input隐藏然后把text的input显示出来，同时注意要把password的值传到text里面去，反过来一个道理。这是如何设置成给密码框增加输入字符数的一个小技巧，其实方法很多，在一开始提出来时并不是多大的响应可是实在是方便不少。当然还有更多的，多多观察一下吧。

hidden属性在html5中，只要存在，就是隐藏效果，而不论值为多少，要显示元素，要删除hidden属性，而不是设置为false。实现代码如下：

<script type=“text/javascript” async=“true”>

function qq_onclick（）{

var text_2=document.getElementById（“text_1”）；

text_2、removeAttribute（“hidden”）；

}

function qq_close（）{

var text_1=document.getElementById（“text_1”）；

text_1、setAttribute（“hidden”，true）；

}

</script>

扩展资料：

HTML5的特性主要包括哪些内容

随着移2113动互联网的飞速发展，5261目前Html5技术也得到了不断的完善，开4102发技术方面越来越成熟了，成为了1653目前主流的开发语言之一。html5的特性在五个方面体现的淋漓尽致

1、语义特性：

HTML5赋予网页更好的意义和结构。

2、HTML5 APP Cache及本地存储：

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度

3、设备兼容：

HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以与浏览器内部的数据直接相连。

4、连接特性：

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，能实现服务器将数据“推送”到web app的功能。

5、图形特性：

基于SVG、Canvas、WebGL及CSS3的3D功能，用户能在浏览器中得以体验到惊艳的视觉效果。

---