2014-11-25 7 views
0

저는 JavaScript 및이 사이트를 처음 사용하고 있으며 한 웹 페이지에서 사용자 이름과 암호를 만들 수있는 사이트를 모의하고 있습니다. 웹 페이지로 보내면 사용자 이름과 비밀번호를 사용하여 로그인하면 Google로 연결됩니다. 나는 당신이 사용자 이름과 패스워드를 만들 수 있도록 제작하지 않았으며, 지금은 내장 된 것을 사용했다. 한 웹 페이지에 정의 된 변수를 localStorage 메서드로 다른 변수로 이동하는 데 문제가 있습니다. 애원은 초보자가 쉽게 이해할 수 있도록 도와줍니다.localStorage 메서드를 이해하지 못합니다.

여기에 변수가 정의 된 페이지가 있습니다.

<!DOCTYPE html> 
<html> 
<head> 

<title> 
create account 
</title> 


<script> 

localStorage["username1"] = ['jk', 'lol']; 
localStorage["password1"] = ['p1', 'p2']; 

</script> 


</head> 

<body> 

</body> 


</html> 

여기 정의 된 변수를 사용하는 페이지입니다.

<!DOCTYPE html> 
<html> 
<head> 

<title> 
create account 
</title> 


<script> 

localStorage["username1"] = ['jk', 'lol']; 
localStorage["password1"] = ['p1', 'p2']; 

</script> 


</head> 

<body> 

</body> 


</html> 
+1

모두 코드 조각 당신은 웹 페이지 사이의 로컬 스토리지를 공유 할 수 없습니다 동일한 – Claies

+0

을 찾습니다. – artm

답변

0

당신은 사용자 이름과 암호를 자바 스크립트를 사용하지 말아야하며, 당신이 결코하려면 로컬로 (클라이언트 측의 사용자 이름과 비밀번호를 넣어되어서는 안되지만, 사용자가 가서 암호 자체를 참조하거나 수 심지어 그것을 변경, 난 당신이 찾고있는 무슨 생각이

localStorage.setItem('testing', 'abc'); 
console.log(localStorage.getItem('testing')); 

주처럼 localStorage.getItem(key)localStorage.setItem(key, value)

은 다음과 같습니다. 로컬 스토리지는 이전 버전의 브라우저와 호환되지 않습니다 모든 사용자가 이전 버전의 브라우저를 사용하고있는 경우 localStorage가 있는지 확인하는 것이 좋습니다. 아마도

if(localStorage != undefinfed) 
{ 
    localStorage.setItem('testing', 'abc'); 
    console.log(localStorage.getItem('testing')); 
} 
else 
{ 
    //Browser not supported 
} 

또한 localStorage는 해당 페이지에 대한 데이터 만 저장합니다. 페이지를 변경하면 localStorage가 지워집니다. 페이지 사이에 데이터를 유지하는 경우, 동일한 방식으로 sessionStorage를 사용

1

MDN 로컬 스토리지에 대한 좋은 참조 및 예제가 있습니다 https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

코드는 같은 볼 필요가있을 것이다 -

// Save data 
 
sessionStorage.setItem("username1", "jk"); 
 
sessionStorage.setItem("password1", "p1"); 
 

 
// Get data 
 
alert("username = " + sessionStorage.getItem("username1")); 
 
alert("username = " + sessionStorage.getItem("password1"));

0

약 사용하기 전에 localStorage을 읽으십시오. 기본적으로 JavaScript에서 localStorage 개체를 수정하면됩니다. 직접 그렇게 나 setItem()getItem() 방법을 사용할 수 있습니다

var credentials = {}; 
credentials.username = "my_username"; 
credentials.password = "my_password"; 
//save in localStorage 
localStorage.setItem('credentials', JSON.stringify(credentials)); 
//now to access the items from localStorage, do 
var creds = JSON.parse(localStorage.getItem('credentials')); 
console.log(creds); 
관련 문제