JS는 페이지 계층은 두 가지의 다른 페이지로 데이터를 전달 구현

이 블로그는 다른 페이지 층 층에 한 페이지에서 매개 변수를 전달하는 방법은 두 가지를 마무리.

쿠키로서 A.

HTML 1. 전송 쿠키 페이지, 여기에 이름 a.html

사용자 이름과 암호를 입력하십시오 :

<입력 ID = '사용자 이름 "TYPE ="텍스트 "/>
<입력 ID = "패스워드"TYPE = "비밀번호"/>
<버튼 ID = "BTN"> 设置 </ 버튼>
<버튼의 onclick = "로그인 ()"> 传递 쿠키 </ 버튼>
<버튼의 onclick = "deletecookie ()"> 删除 </ 버튼>

2.a.html JS 코드

// 쿠키를 설정
VAR의 함수의 setcookie = (이름, 값, 일) {
  브라우저를 닫을 때 시간이 0으로 동일하게 설정하면 // 설정하지 않은 재산을 만료, 쿠키 삭제
  VAR 만료 = 일 * 24 * 60 * 60 * 1000;
  VAR 특급 새로운 날짜 () =;
  exp.setTime (exp.getTime () + 만료);
  document.cookie를 이름 = + "="+ + 값은 "= 만료"+) (exp.toUTCString;
};
쿠키를 삭제 //
VAR delCookie = 함수 (명) {
  의 setcookie (이름 ','-1);
};
// 패스 쿠키
로그인 기능 () {
  VAR 이름 = document.getElementById를 ( '사용자 이름 ");
  VAR 패스 document.getElementById를을 ( "암호") =;
  의 setcookie ( '사용자 이름'name.value 7)
  의 setcookie ( '암호'pass.value, 7);
  같이 location.href = 'b.html'
}
deletecookie 함수 () {
  delCookie ( '사용자 이름', '-1)
}

쿠키 페이지, 여기 b.html 정의에 동의합니다

<버튼의 onclick = "의 getCookie ()"> 获取 </ 버튼>

4. b.html JS 코드

쿠키 코드를 가져옵니다 //
VAR의 getCookie 함수 = (명) {
  편곡했다;
  var에 등록이 새로운 정규식 = ( "(^ |)"+ 이름 + "= ([^을] * (); | $)");
  경우 (도착 = document.cookie.match (REG)) {
    리턴 도착 [2];
  }
  그밖에
    NULL을 반환;
};
// 인수 후 함수 호출 버튼을 클릭
함수의 getCookie () {
  CONSOLE.LOG (의 getCookie ( '사용자 이름 "));
  CONSOLE.LOG (의 getCookie ( "비밀번호"))
}

II. 전송 파라미터의 URL의에 의해 방법

케이스 a.html b.html 페이지에서 파라미터를 전달하는 것

1. a.html 코드

<입력 유형 = "텍스트"값 = "내가 오전 누구 추측">
<버튼의 onclick = "점프 ()"> 跳转 </ 버튼>

점프 버튼을 클릭합니다 태그의 b.html 입력 값 값으로 전달 될 수 있습니다

기능 점프 () {
  VAR S = document.getElementsByTagName ( '입력') [0];
  '.? 7 개 획득 매개 .html로'같이 location.href = + 'TXT ='+에 encodeURI (s.value);
}

3. b.html 코드

<DIV ID = "상자"> </ DIV>
var에 LOC = 같이 location.href;
VAR N1 = loc.length;
VAR loc.indexOf N2 = ( '=');
VAR의 TXT = decodeURI (loc.substr (N2 + 1, N1-N2));
VAR 상자 = document.getElementById를 ( '상자');
box.innerHTML TXT =;

로컬 스토리지의 채택

전달하여 매개 변수 유사한 쿠키를 로컬 스토리지. 그러나 참고 : 액세스 할 수있는 로컬 스토리지 오브젝트 페이지는 동일한 포트에서 동일한 프로토콜을 사용하여, 동일한 도메인 (하위 도메인 무효)에서 온해야합니다.

JS 파일 1. a.html에서

// 어떤 페이지 로컬 스토리지에 전달
같이 location.href = 'b.html'
// 설정된 로컬 스토리지
window.localStorage.setItem ( '사용자'하하 ');

2.b.html 파일

<버튼의 onclick = "의 getCookie ()"> 获取 </ 버튼>
함수의 getCookie () {
  // 로컬 스토리지가 넘어 갔다 받기
  CONSOLE.LOG (window.localStorage.getItem ( '사용자'))
}

에서 재판 :

https://www.jb51.net/article/145560.htm

JS는 페이지 계층은 두 가지의 다른 페이지로 데이터를 전달 구현

추천