홈페이지>웹 디자인 튜토리얼>웹 표준화

Javascript에서 가장 일반적으로 사용되는 55가지 클래식 기술(3)

저자：Eve Cole 업데이트 시간：2009-12-14 15:53:58

44. 페이지 열기 및 이동

<body> 영역에 다음 코드를 추가합니다.

<SCRIPT LANGUAGE="자바스크립트">
<!-- 시작
for (t = 2; t > 0; t--) {
(x = 20; x > 0; x--) {
(y = 10; y > 0; y--) {
parent.moveBy(0,-x);
}
}
(x = 20; x > 0; x--) {
(y = 10; y > 0; y--) {
parent.moveBy(0,x);
}
}
(x = 20; x > 0; x--) {
(y = 10; y > 0; y--) {
parent.moveBy(x,0);
}
}
(x = 20; x > 0; x--) {
(y = 10; y > 0; y--) {
parent.moveBy(-x,0);
}
}
}
//-->
// 끝 -->
</script>

45. 개인 클라이언트 시스템의 날짜와 시간을 표시합니다.

<스크립트 언어="라이브스크립트">
<!-- 숨기기
오늘 = 새 날짜()
***("현재 시간은: ",today.getHours(),":",today.getMinutes())
***(" <br>오늘 날짜: ", today.getMonth()+1,"/",today.getDate(),"/",today.getYear());
// 내용 숨기기 종료 -->
</script>

46. ​​​​매번 마지막 수정 날짜를 자동으로 생성합니다.

<html>
<본문>
이것은 간단한 HTML 페이지입니다.
<br>
마지막 변경사항:
<스크립트 언어="라이브스크립트">
<!-- 이전 브라우저에서 스크립트 숨기기
***(문서.마지막 수정됨)
// 내용 숨기기 종료 -->
</script>
</body>
</html>

47. 비워 둘 수 없으며 이메일 주소 제약 조건:

<html>
<머리>
<스크립트 언어="자바스크립트">
<!-- 숨기기
함수 test1(양식) {
if (form.text1.value == "")
warning("아무것도 입력하지 않으셨습니다. 다시 입력해주세요!")
또 다른 {
Alert("안녕하세요"+form.text1.value+"! 입력이 완료되었습니다!");
}
}
함수 test2(양식) {
if (form.text2.value == "" ||
form.text2.value.indexOf('@', 0) == -1)
Alert("올바른 이메일 주소가 아닙니다. 다시 입력해주세요!");
else Alert("입력이 완료되었습니다!");
}
// -->
</script>
</head>
<본문>
<양식 이름="첫 번째">
이름을 입력하세요: <br>
<입력 유형="텍스트" 이름="텍스트1">
<input type="button" name="button1" value="입력 테스트" onClick="test1(this.form)">
<피>
귀하의 이메일 주소를 입력하십시오: <br>
<입력 유형="텍스트" 이름="텍스트2">
<input type="button" name="button2" value="입력 테스트" onClick="test2(this.form)">
</body>

48. 천막

<html>
<머리>
<스크립트 언어="자바스크립트">
<!-- 숨기기
var scrtxt="어때요! 멋지네요! 시도해 볼 수도 있습니다."+"여기 방문자가 귀하의 사이트에 보낸 메시지가 있습니다.
페이지는 "+"몇 시간 동안 순수한 매력으로 바라볼 것입니다...";
var lentxt=scrtxt.length;
var 너비=100;
var 위치=1-너비;
함수 스크롤() {
포스++;
var 스크롤러="";
if (pos==lentxt) {
위치=1-너비;
}
if (pos <0) {
for (var i=1; i <=Math.abs(pos); i++) {
스크롤러=스크롤러+" ";}
스크롤러=스크롤러+scrtxt.substring(0,width-i+1);
}
또 다른 {
스크롤러=스크롤러+scrtxt.substring(pos,width+pos);
}
window.status = 스크롤러;
setTimeout("scroll()",150);
}
//-->
</script>
</head>
<body onLoad="scroll();return true;">
귀하의 웹페이지가 여기에 표시될 수 있습니다!
</body>
</html>

49. 웹페이지의 버튼을 사용하여 이전 페이지, 다음 페이지 및 홈 페이지의 표시를 제어합니다.

<html>
<본문>
<양식 이름="버튼바">
<INPUT TYPE="버튼" VALUE="뒤로" onClick="history.back()">
<INPUT TYPE="버튼" VALUE="JS- 홈" onClick="location='script.html'">
<INPUT TYPE="버튼" VALUE="다음" onCLick="history.forward()">
</FORM>
</body>
</html>

50. 웹사이트의 소스코드 보기

<body> 영역에 다음 코드를 추가합니다.

<스크립트>
함수 추가()
{
var ress=document.forms[0].luxiaoqing.value
window.location="view-source:"+ress;
}
</SCRIPT>
소스 코드를 보려는 URL 주소를 입력하세요:
<FORM> <input type="text" name="luxiaoqing" size=40 value="http://"> </FORM>
<양식> <br>
<INPUT type="button" value="소스 코드 보기" onClick=add()>
</FORM>

51. 제목에 날짜 표시

<body> 영역에 다음 코드를 추가합니다.

<스크립트 언어="JavaScript1.2">
<!--숨기기
var isMonth = 신규
Array("1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월","11월","12월") ;
var isDay = 신규
Array("일요일","월요일","화요일","수요일","목요일","금요일","토요일","일요일");
오늘 = 새 날짜 () ;
연도=오늘.getYear();
날짜=오늘.getDate();
if(문서.모두)
document.title="오늘은: "+연도+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
//--숨기기-->
</script>

관련 기사