> 웹 프론트엔드 > JS 튜토리얼 > js 검색 방법을 사용하여 현재 column_javascript 기술을 강조 표시하는 코드 구현

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

WBOY
풀어 주다: 2016-05-16 19:07:41
원래의
1473명이 탐색했습니다.

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




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. 그렇다면
    을 현재 연결로 표시한 다음 현재 연결의 스타일을 수정하세요. 이는 현재 열의 강조 표시를 실현하는 매우 실용적인 기술로, 특히 사용자 경험을 높이는 데 도움이 됩니다. 하지만 실제 과정에서는 몇 가지 세부 사항에 주의해야 할 수도 있습니다. 예를 들어 검색창의 블로그는 외부 링크로 연결되어 있으므로 처리할 때 이 외부 링크의
    을 강조 표시해야 합니다. 클릭하셨나요? 현재 열이 강조 표시될 때 발생할 수 있는 문제에 대해 조금 이야기하고 싶습니다. 어쩌면 이미 해결책이 있을 수도 있습니다.
    관련 라벨:
    js
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    최신 이슈
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿