HTML5三种对密码加密的方法

html-css016

HTML5三种对密码加密的方法,第1张

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()函数编码的字符串

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<form action="">

密码:<input type="password" name="" id="">

</form>

</body>

</html>

源码如下

<script>

//先查看是否有本地数据(记住密码)

/* function myfunction(){

var email = localStorage.getItem("email")

var password = localStorage.getItem("password")

if(email!=null&&password!=null){

alert("邮箱:"+email+"密码:"+password)

$.ajax({

url : '../servlet/LoginServlet?choose=login',

data : {

email : email,

password : password

},

dataType : 'json',

success : function(data) {

if (data.msg == "") {

alert("用户名或密码错误")

} else {

//登录成功后保存session,如果选择了记住密码,再保

存到本地

//window.location.href ='../index/index.jsp'

}

},

error : function() {

alert("系统错误")

}

})

}else{

//alert("没有信息")

}

}

function saveStorage(){

var email = document.getElementById("email").value

localStorage.setItem("email",email)

var password = document.getElementById("password").value

localStorage.setItem("password",password)

}

function login(){

$.ajax({

url : '../servlet/LoginServlet?choose=login',

data : {

email : $('#loginform input[name=email]').val(),

password : $('#loginform input[name=password]').val()

},

dataType : 'json',

success : function(data) {

if (data.msg == "") {

alert("用户名或密码错误")

} else {

//登录成功后保存session,如果选择了记住密码,再保存到

本地

window.location.href ='../index/index.jsp'

}

},

error : function() {

alert("系统错误")

}

})

}

function reg(){

$.ajax({

url : 'servlet/LoginServlet?choose=reg',

data : {

username : $('#regform input[name=username]').val(),

password : $('#regform input[name=password]').val(),

email : $('#regform input[name=email]').val(),

},

dataType : 'json',

success : function(data) {

if(data.msg == false){

alert("注册失败")

}else{

alert("注册成功请返回登录")

}

},

error : function() {

alert("系统错误")

}

})

} */

$(document).ready(function(){

//读取 localStage 本地存储,填充用户名密码,如果自动登录有值直接跳转

//相反,跳转到本页面,等待登陆处理

var storage = window.localStorage

var getEmail = storage["email"]

var getPwd = storage["password"]

var getisstroepwd = storage["isstorePwd"]

var getisautologin = storage["isautologin"]

if("yes" == getisstroepwd)

{

if("yes" == getisautologin)

{

if(( ("" != getEmail) ||(null != getEmail)) &&(("" !=

getPwd) ||(null != getPwd)))