js 검색 방법을 사용하여 현재 column_javascript 기술을 강조 표시하는 코드 구현
- WBOY원래의
- 2016-05-16 19:07:411427검색
현재 열이 강조 표시됩니다.
JS는 현재 열을 강조 표시하기 위해 현재 URL을 결정합니다. 중요한 점은 indexOf가 두 문자열이 처음 나타나는 위치를 결정하는 데 사용된다는 것입니다. , 그렇다면
Others를 반환하고, 다른 결과를 반환하는 문자열이 있는 요소로 클래스를 정의합니다.
코드 복사 코드는 다음과 같습니다.
코드는 다음과 같습니다.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. 그렇다면
을 현재 연결로 표시한 다음 현재 연결의 스타일을 수정하세요. 이는 현재 열의 강조 표시를 실현하는 매우 실용적인 기술로, 특히 사용자 경험을 높이는 데 도움이 됩니다. 하지만 실제 과정에서는 몇 가지 세부 사항에 주의해야 할 수도 있습니다. 예를 들어 검색창의 블로그는 외부 링크로 연결되어 있으므로 처리할 때 이 외부 링크의
을 강조 표시해야 합니다. 클릭하셨나요? 현재 열이 강조 표시될 때 발생할 수 있는 문제에 대해 조금 이야기하고 싶습니다. 어쩌면 이미 해결책이 있을 수도 있습니다.
//alert(myNav) [i]);
var myURL = document.location.href;
if(myURL.indexOf(links) ! = -1)
{
myNav[i].className="d" ;
}
}
현재 칼럼이 강조 표시되어 있으니 이해하셨나요? 그렇지 않은 경우 자세히 설명하겠습니다. 먼저 다음과 같은 링크를 클릭합니다:
클릭하면 브라우저는 어떻게 되나요? 예, 주소 표시줄은 다음과 같습니다.
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. 그렇다면
을 현재 연결로 표시한 다음 현재 연결의 스타일을 수정하세요. 이는 현재 열의 강조 표시를 실현하는 매우 실용적인 기술로, 특히 사용자 경험을 높이는 데 도움이 됩니다. 하지만 실제 과정에서는 몇 가지 세부 사항에 주의해야 할 수도 있습니다. 예를 들어 검색창의 블로그는 외부 링크로 연결되어 있으므로 처리할 때 이 외부 링크의
을 강조 표시해야 합니다. 클릭하셨나요? 현재 열이 강조 표시될 때 발생할 수 있는 문제에 대해 조금 이야기하고 싶습니다. 어쩌면 이미 해결책이 있을 수도 있습니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.