이 기사에서는 JavaScript 구성 요소의 초점과 페이지 내 앵커 포인트 사이의 값을 전달하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
위에서 언급 한 두 가지 작은 기능은 일부 새로운 휴대 전화 페이지에서 매우 유용합니다.
커서가 입력 상자에 놓일 때 이벤트를 트리거하고 입력 상자에 커서가 배치 될 때 다른 이벤트를 트리거하는 방법은 무엇입니까? 사용자가 아무것도 입력하지 않더라도 ...
페이지간에 값을 전달하는 것은 간단하지만 페이지 내의 앵커 사이의 값을 전달하는 방법은 무엇입니까?
1. 기본 목표
입력 상자와 하이퍼 링크가있는 페이지가 있습니다. 이 두 가지는 연결이 없습니다.
함수가 크지 않다는 것이므로 두 기능을 함께 씁니다.
1. 입력 상자 기능
커서가 대화 상자에 배치되면 배경이 빨간색으로 바뀌고 사용자의 마우스가 다른 곳을 클릭하면 다시 회색으로 변합니다.
2. 하이퍼 링크 기능
GET 메소드를 통해 페이지 아래의 하단의 하단 앵커 포인트로 텍스트 = 1의 값을 전달하십시오. 하단 앵커 포인트 아래에 비활성화 된 입력 상자가 있으며 폴링 주소 표시 줄의 텍스트 매개 변수는 지속적으로
클릭하지 않으면 시작하여 텍스트 매개 변수가 없으므로 입력 상자는 항상 널로 표시됩니다.
하이퍼 링크가 클릭되면 아래의 대화 상자는 0.5 초 후에 1이됩니다. 밀리 초로 처리되므로 사용자의 느낌은 실시간으로 처리됩니다.
이 비활성화 된 위에 뒷 하이퍼 링크도 있습니다. 페이지 매개 변수를 지우고 스크롤 바를 다시 아래로 당겨 다시 널로 표시하십시오.
값이 페이지의 앵커간에 성공적으로 전송되면 브라우저의 URL을 사용합니다.
2. 생산 과정
플러그인을 소개 할 필요가 없으며 쓸 HTML 페이지를 열면 쓸 수 있습니다. 다음 코드를 참조하십시오.
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> onfoucs </title>
</head>
<body>
<!-입력 상자를 정의하십시오. Onfocus는 집중하는 것입니다. 커서가 입력 상자에 배치되면 getFocus () 매개 변수가 즉시 트리거됩니다. Onblur는 초점을 잃고 Onfocus는 다른 방향으로 돌아갑니다. ->
<p>
<입력 유형 = "text"onfocus = "getfocus ()"onblur = "losefocus ()"/>
</p>
<!-페이지의 앵커 포인트에 의해 전달되는 매개 변수에 대한 하이퍼 링크의 구문에 유의하십시오. "매개 변수 연결"을 사용한 다음 #connect 앵커 포인트를 사용하십시오. 여러 매개 변수의 경우 "texta = 1 & textb = 2#bottom에서"& link->로 작성하십시오
<p>
<a href = "onfocus.html? text = 1#하단"> 앵커 </a>
</p>
<!-너무 많은 lis는 단지 라인을 점유하는 데 익숙합니다 ~ 모두가 앵커 효과를 볼 수 있도록->
<li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> <li> <li> <li> </li> <li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> <li> <li> <li> </li> <li> <li> </li>
<!-이 하이퍼 링크는 뒤로 버튼과 동일합니다->
<p>
<a id = "하단"href = "javaScript : history.go (-1);"> back </a>
</p>
<!-나는 장애인 대화 상자->입니다
<p>
<입력 유형 = "text"id = "pollingText"disabled = "disabled"/>
</p>
</body>
</html>
<cript>
/*먼저 페이지의 배경색을 #eeeeeee*/로 변경합니다.
Window.onload = function () {
document.bgcolor = "#eeeeee";
투표();
}
/* 대화 상자가 초점을 맞추면 배경색을 빨간색으로 변경하고 그렇지 않으면 #eeeeee*/로 변경합니다.
함수 getFocus () {
document.bgcolor = "#ff0000";
}
함수 losefocus () {
document.bgcolor = "#eeeeee";
}
/*이것은 URL을 복용 할 때 매개 변수에 대한 전용 정규 표현식입니다.*/
함수 geturlparam (이름) {
var reg = new regexp ( "(^| &)" + name + "= ([^&]*) (& | $)");
var r = window.location.search.substr (1) .match (reg);
if (r! = null) 반환 unescape (r [2]); 널 리턴;
}
/*경찰은 GET 매개 변수가 통과되는지 확인하기 위해 지속적으로*/
함수 synchronous () {
document.getElementById ( "pollingText"). value = geturlparam ( "text");
}
함수 폴링 () {
동기 ();
setInterval ( "synchronous ()", 500);
}
</스크립트>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.