javascript 정적 페이지_javascript 기술에서 값을 전달하는 세 가지 방법 공유

1: JavaScript 정적 페이지 값 전송 URL 기사
URL을 통해 값을 전달할 수 있습니다. URL에 전송할 정보를 연결합니다.
게시물 .htm

코드 복사 코드는 다음과 같습니다.

<script><BR>function Post()<BR>{<BR>//단일 값 Read.htm?username=baobao;<BR>//여러 전체 값 Read.htm?username=baobao&sex=male ;<BR> url = "Read.htm?username=" escape(document.all.username.value);<BR>url = "&sex=" escape(document.all.sex.value);<BR>위치. href=url; <BR>}<BR></script>

Read.htm

코드 복사 코드는 다음과 같습니다.

<script>/*<BR>*--------------- Read.htm -----<BR>* 요청[키] <BR>* 기능: URL 문자열을 얻기 위해 ASP 구현, Request("AAA")<BR>* 매개변수: 키, 문자열.<BR>* 예: 경고(요청["AAA"])<BR>* --------------- Request.htm ---------------<BR>*/<BR>var url=location.search; <BR>var Request = new Object();<BR>if(url.indexOf("?")!=-1)<BR>{<BR>var str = url.substr(1)　//? 제거 숫자 <BR> strs = str.split("&");<BR>for(var i=0;i<strs.length;i )<BR>{<BR> 요청[strs[i].split(" = ")[0]]=unescape(strs[ i].split("=")[1]);<BR>}<BR>}<BR>alert(요청["username"])<BR>alert ( 요청["sex"])<BR></script><script><BR><!--<BR>함수 요청(strName)<BR>{<BR>var strHref = "www.jb51.net/index.htm?a=1&b=1&c=test test";<BR>var intPos = strHref.indexOf("?");<BR>var strRight = strHref.substr(intPos 1 ) ;<BR>var arrTmp = strRight.split("&");<BR>for(var i = 0; i < arrTmp.length; i )<BR>{<BR>var arrTemp = arrTmp[i ] .split("=");<BR>if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];<BR>}<BR>return "";<BR>} <BR>alert(요청("a"));<BR>alert(요청("b"));<BR>alert(요청("c"));<BR>//--><BR> </script>
<script><BR>String.prototype.getQuery = 함수(이름)<BR>{<BR>var reg = new RegExp("(^|&)" name "=( [ ^&]*)(&|$)");<BR>var r = this.substr(this.indexOf("?") 1).match(reg);<BR>if (r!=null) return unescape(r[2]); return null;<BR>}<BR>var str ="www.jb51.net/index.htm?a=1&b=1&c=test test";<BR>alert(str. getQuery ("a"));<BR>alert(str.getQuery("b"));<BR>alert(str.getQuery("c"));<BR></script>

장점: 값 획득이 편리합니다. 도메인 간 이동이 가능합니다.
단점: 값 길이가 제한됩니다

2: JavaScript 정적 페이지 값 전송을 위한 쿠키
쿠키는 소량의 명명된 데이터를 저장하는 브라우저입니다.
특정 웹페이지와 연결됩니다. 또는 웹사이트 Together.
쿠키는
스크립트와 서버 프로그램이 한 페이지에서 다른 페이지로 입력 데이터를 사용할 수 있도록 브라우저에 메모리를 제공하는 데 사용됩니다.
Post.htm

코드 복사 코드는 다음과 같습니다.

<script><BR>function setCookie(name,value)<BR>{<BR>/*<BR>*- --------------- setCookie(이름,값) -----<BR>* setCookie(이름 ,value)<BR> * 함수: 변수명의 값을 설정합니다<BR>* 매개변수: 이름, 문자열, 값, 문자열.<BR>* 예: setCookie('username','baobao')<BR>*- ---- ---------- setCookie(이름,값) -----<BR>*/<BR>var Days = 30 ; //이 쿠키는 30일 동안 저장됩니다<BR>　var exp　= new Date();<BR>exp.setTime(exp.getTime() Days*24*60*60*1000);<BR>document. cookie = name "=" escape (value) ";expires=" exp.toGMTString();<BR>location.href = "Read.htm"; //페이지 수신<BR>}<BR></script>> ;

Read.htm

코드 복사 코드는 다음과 같습니다.

<script><BR>함수 getCookie(이름)<BR>{<BR>/*<BR>*------------- -- getCookie(name) -----<BR>* getCookie(name)<BR>* 함수: 변수 이름의 값을 가져옵니다<BR>* 매개변수: 이름, 문자열.<BR>* 예: Alert(getCookie("baobao"));<BR>*--------------- getCookie(name) ------- - ---------<BR>*/<BR>var arr = document.cookie.match(new RegExp("(^| )" name "=([^;]*)(;|$ ) "));<BR>if(arr !=null) return unescape(arr[2]); return null;<BR>}<BR>alert(getCookie("baobao"));<BR></ 스크립트&gt ;<BR></script>

장점: 동일한 소스 내의 모든 웹페이지에서 액세스할 수 있습니다.
단점: 값 길이가 제한됩니다.

3: JavaScript 정적 페이지 값 전송 Window.open 장
두 창 사이에는 관계가 있습니다. parent.htm은 자식 창을 엽니다. htm 자식 창은 window.opener를 통해 상위 창을 가리킬 수 있습니다. 이를 통해 상위 창의 개체에 액세스할 수 있습니다.Post.htm

코드 복사 코드는 다음과 같습니다.

Read.htm
<script><BR>//window.open 창 열기<BR> // 오프너를 사용하여 상위 창을 가리킵니다.<BR>var parentText = window.opener.document.all.maintext.value;<BR>alert(parentText);<BR></script>


장점: window.opener가 상위 창을 가리키는 한, 값에 액세스할 수 있을 뿐만 아니라 메서드에도 액세스할 수 있습니다. 값 길이에는 제한이 없습니다.

단점: 둘. window.open을 사용하여 열리는 창입니다.