JS 매개변수 전달_javascript 기술의 실제 응용 코드 분석

이유는 매우 간단합니다. DOM에 ID가 msg_box인 div 태그가 없습니다.
해결 방법:
모든 페이지에 공통되는 header.tpl.html 헤더 파일을 작성합니다.

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

<script> <BR>function changMenu(index){ <BR>if(typeof getElementById("msg_box") == "object"){ <BR>/ / msg_box 객체가 존재하면 페이지의 객체를 새로 고칩니다. <BR>showMenu(index); <BR>}else{ <BR>//존재하지 않으면 Ajax <BR>창을 사용하여 새로 고친 페이지로 리디렉션합니다. location = "/ index.html"; <BR>} <BR>} <BR></script>

그러나 index.html 프로젝트에는 동일한 성격의 4개 페이지가 있습니다. 그 중 새로 고치려면 Ajax가 필요합니다. 사용자가 세 번째 열을 클릭하면 index.html로 돌아갈 수 있지만 세 번째 열의 내용을 새로 고칠 수는 없습니다. 현재로서는 두 가지 해결 방법이 있습니다.
옵션 1:
1단계:
모든 페이지에 공통되는 header.tpl.html 헤더 파일을 작성합니다.

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

<script> <BR>function changMenu(index){ <BR>if(typeof getElementById( "msg_box") == "object"){ <BR>//msg_box 개체가 존재하는 경우 페이지 개체 새로 고침 <BR>showMenu(index) <BR>}else{ <BR>//있는 경우 새로 고침 존재하지 않습니다. Ajax <BR>window.location = "/index.html?type=" index <BR>} <BR>} <BR></script>

을 사용하여 새로 고친 페이지로 이동합니다. 🎜> 2단계:
showMenu 기능 개선

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

function showMenu (index){
if(typeof getElementById("msg_box") == "object"){
//msg_box 개체가 존재하는 경우 페이지 개체를 새로 고칩니다
... ...
}else{
url = window.location.href;
reg = /^(.*)/index.html?type=d$/gi;
if(reg. test(url)){
//매개변수 페이지의 URL과 일치하는 경우. 그런 다음
index = url.substr(url.length - 1)
......
}
}
}

을 가져옵니다. 옵션 2:
JS의 쿠키 기능을 호출하여 매개변수 전달
모든 페이지에 공통되는 헤더 파일 header.tpl.html에 작성:

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

<script> <BR>function changMenu(){ <BR>index = getCookie("index") <BR>if( index == null) index = 1; <BR>if(typeof getElementById("msg_box") == "object"){ <BR>//msg_box 개체가 있으면 페이지 개체를 새로 고칩니다. <BR>showMenu(index) ; <BR>}else{ <BR>setCookie("index", index) <BR>//존재하지 않는 경우 Ajax <BR>window.location을 사용하여 새로 고친 페이지로 리디렉션합니다. "/index.html"; <BR>} <BR>} <BR>function setCookie(이름, 값){　 <BR>　var Then = new Date()　 <BR>　Then.setTime(Then.getTime() 1* 3600000) //시간<BR>Document.cookie = name "=" value ";expires=" Then.toGMTString();　 <BR>} <BR>function getCookie(name) <BR>{ <BR>var arr = document.cookie.match(new RegExp("(^| )" name "=([^;]*)(;|$)")) <BR>if(arr != null) return unescape(arr[2 ]); null을 반환합니다. <BR>　 <BR><BR><BR></script>