js検索メソッドを使用して、現在のcolumn_javascriptスキルを強調表示するコードを実現します。

現在の列が強調表示されます
JS は、現在の列を強調表示するために現在の URL を決定します。重要な点は、indexOf が最初に出現する 2 つの文字列の位置を決定するために使用されるということです。それが表示されない場合は、-1 を返します。存在する場合は、
Others を返し、他の結果を返す文字列が配置される要素を含むクラスを定義します。

コードをコピー コードは次のとおりです:

jb51.net/html/list/index_127.htm ="インフォメーション センター">インフォメーション センター

< a href="http://www.jb51.net/ html/list/index_1.htm" title="ネットワーク プログラミング">ネットワーク プログラミング

データベース

スクリプト列

実践的なヒント ;

ソフトウェア プログラミング

Web ページの制作

オペレーティング システム< ;/a>

クラシック ネットの抜粋

ウェブサイト スキル

無料リソース

会社概要

記事検索

JS

コードは次のとおりです。var myNav = document.getElementById("nav").getElementsByTagName("a"); =0;i{ var links = 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="インフォメーション センター">インフォメーション センター

をクリックするとブラウザはどうなりますか?はい、アドレス バーは次のようになります。
http://www.jb51.net/html/list/index_127.htm
document.location.href を使用します
これはアドレスです (http://www .jb51.net/html/list/index_127.htm)。
次に、現在の Web ページ上のすべての接続を走査し、各接続の href 値を取得します。トラバーサル コード:

コードをコピー コードは次のとおりです:

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

IndexOf 関数を使用して、ページ上のすべてのリンクの中で http://www.jb51.net/html/list/ に出現するキーワードがあるかどうかを比較します。インデックス_127.htm。その場合は、現在の接続として
を指定し、現在の接続のスタイルを変更します。これにより、現在の列の強調表示が実現され、非常に実用的な手法となり、ユーザー エクスペリエンスを向上させるのに特に役立ちます。ただし、実際のプロセスでは、いくつかの詳細に注意する必要がある場合があります。たとえば、検索バーのブログが外部リンクによって接続されている場合、この外部リンクの
を強調表示する必要があります。クリックされましたか? ここで、現在の列が強調表示されているときに発生する可能性のある問題について少しお話したいと思います。もしかしたら、すでに解決策があるかもしれません。