방문자의 브라우저가 JavaScript 및 쿠키를 지원하는지 확인하십시오.
많은 웹사이트에서는 클라이언트 측 JavaScript를 사용하여 기록을 위해 클라이언트 브라우저에서 JavaScript를 활성화해야 하는 등 복잡한 작업을 많이 수행해야 합니다. 신원 등의 정보를 보려면 브라우저 쿠키를 활성화해야 합니다. 따라서 사용자의 브라우저에서 이러한 옵션이 켜져 있는지 확인해야 합니다. 내 웹사이트에서는 여러 개의 간결한 코드를 사용하여 이러한 기능을 구현하고, 사용자가 로그인할 때를 확인하고, 요구 사항을 충족하지 않으면 사용자가 로그인하는 것을 허용하지 않습니다. 이번 글에서는 로그인 페이지 작성 방법을 소개하겠습니다.
먼저 JavaScript를 사용하여 쿠키를 생성한 다음 쿠키가 존재하는지 확인합니다. 이를 위해 JavaScript를 사용하므로 사용자가 JavaScript를 활성화하지 않고 쿠키를 활성화한 경우에도 쿠키가 활성화되지 않은 결과를 얻게 됩니다. 그러나 이는 우리의 요구 사항과 충돌하지 않습니다. 어쨌든 우리는 둘 다 열어야 합니다. (단지 쿠키가 활성화되어 있는지 알고 싶고 JavaScript에 관심이 없다면 방법이 있습니다. 이에 대해서는 다른 기사에서 논의하겠습니다.) 사용자가 JavaScript를 활성화했는지 확인하기 위해 다음에서 숨겨진 항목을 만들었습니다. JavaScript 함수는 숨겨진 양식의 값을 변경합니다. 값이 변경되면 JavaScript가 켜져 있음을 의미하고, 그렇지 않으면 JavaScript 함수가 호출되지 않습니다. (위 두 함수를 하나의 함수로 작성했습니다.)
먼저 HTML에 <form>...</form>으로 둘러싸인 숨겨진 폼을 넣습니다. (물론, 사용자 이름/비밀번호도 있을 수 있습니다)
<FORM>
...
<input type="hidden" name="cookieexists" value="false">
</FORM>
값이 false인 경우 브라우저가 JavaScript를 지원하지 않는다는 의미입니다. 초기값은 false입니다. JavaScript 함수는 이 값을
true로 변경합니다. BODY에 이렇게 작성하세요:
<body onload="cc()">
cc()의 내용은 다음과 같습니다.
다음은 인용문입니다.
<스크립트 언어="자바스크립트">
<!-
함수CC()
{
/* 쿠키 확인 */
if (document.cookie == "")
{
/* 쿠키가 발견되지 않으면 - 사용자에게 경고 -
cookieexists 필드 값을 false로 변경 */
Alert("쿠키를 활성화해야 합니다!");
/* 사용자가 쿠키를 비활성화한 경우 경고가 표시됩니다.
로그온하려면 쿠키를 활성화해야 합니다.*/
document.Form1.cookieexists.value="false"
} 또 다른 {
/* 값을 true로 설정하면 아무 일도 일어나지 않습니다.
사용자는 로그온할 수 있습니다*/
document.Form1.cookieexists.value="true"
}
}
/* 쿠키가 존재하는지 확인하기 위해 쿠키를 설정합니다.
이는 함수 외부에 있음을 참고하세요*/
document.cookie = 'killme' + escape('아무것도')
// -->
</script>
본 프로그램이 구현할 수 있는 기능은 다음과 같습니다.
1. 사용자의 JavaScript가 켜져 있고 쿠키가 꺼진 경우 경고 메시지가 나타납니다.
2. 사용자의 JavaScript가 꺼진 경우 사용자는 검사 결과를 직접 얻을 수 없습니다. (경고창을 띄우려면 경고 JavaScript 문도 실행해야 한다는 점을 잊지 마세요. 이때 확인하더라도 메시지가 표시되지 않습니다.) 단, 사용자의 from 을 제출한 후에는 백그라운드 프로그램은 cookieexists 필드의 값이 false임을 발견하므로 이는 JavaScript가 꺼져 있음을 의미합니다. 당신이 미래에 무엇을 하려는지 내가 말해줄 필요는 없잖아요?