js 검색 방법을 사용하여 현재 column_javascript 기술을 강조 표시하는 코드 구현

현재 열이 강조 표시됩니다.
JS는 현재 열을 강조 표시하기 위해 현재 URL을 결정합니다. 중요한 점은 indexOf가 두 문자열이 처음 나타나는 위치를 결정하는 데 사용된다는 것입니다. , 그렇다면
Others를 반환하고, 다른 결과를 반환하는 문자열이 있는 요소로 클래스를 정의합니다.

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

jb51.net/html/list/index_127.htm" title ="정보 센터">정보 센터

< a href="http://www.jb51.net/ html/list/index_1.htm" title="네트워크 프로그래밍">네트워크 프로그래밍

데이터베이스< ;/a>

스크립트 열

실용 팁

소프트웨어 프로그래밍

웹페이지 제작

운영 체제< ;/a>

클래식 넷 발췌

웹사이트 기술

무료 리소스

회사 소개

기사 검색

JS

코드는 다음과 같습니다.var myNav = document.getElementById("nav").getElementsByTagName("a") for(var i =0;i{

varlinks = myNav[i].getAttribute(" href")

//alert(links)
//alert(myNav) [i]);
var myURL = document.location.href;
if(myURL.indexOf(links) ! = -1)
{
myNav[i].className="d" ;
}
}


현재 칼럼이 강조 표시되어 있으니 이해하셨나요? 그렇지 않은 경우 자세히 설명하겠습니다. 먼저 다음과 같은 링크를 클릭합니다:

href="http://www.jb51.net/html/list/index_127.htm" title="Information Center"> 정보 센터

클릭하면 브라우저는 어떻게 되나요? 예, 주소 표시줄은 다음과 같습니다.
http://www.jb51.net/html/list/index_127.htm
document.location.href 사용
주소는 다음과 같습니다(http ://www .jb51.net/html/list/index_127.htm).
그런 다음 현재 웹페이지의 모든 연결을 순회하여 각 연결의 href 값을 얻습니다. 순회 코드:

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

var myNav = document.getElementById (" nav").getElementsByTagName("a");
for(var i=0;i{
varlinks = myNav[i].getAttribute("href ") ;
}

indexOf 함수를 사용하여 페이지의 모든 링크 중 http://www.jb51.net/html/list/에 나타나는 키워드가 있는지 비교합니다. index_127.htm. 그렇다면
을 현재 연결로 표시한 다음 현재 연결의 스타일을 수정하세요. 이는 현재 열의 강조 표시를 실현하는 매우 실용적인 기술로, 특히 사용자 경험을 높이는 데 도움이 됩니다. 하지만 실제 과정에서는 몇 가지 세부 사항에 주의해야 할 수도 있습니다. 예를 들어 검색창의 블로그는 외부 링크로 연결되어 있으므로 처리할 때 이 외부 링크의
을 강조 표시해야 합니다. 클릭하셨나요? 현재 열이 강조 표시될 때 발생할 수 있는 문제에 대해 조금 이야기하고 싶습니다. 어쩌면 이미 해결책이 있을 수도 있습니다.