js検索メソッドを使用して、現在のcolumn_javascriptスキルを強調表示するコードを実現します。-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 19:07:41

オリジナル

1427 人が閲覧しました

現在の列が強調表示されます
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="ネットワークプログラミング">ネットワークプログラミング

コードは次のとおりです。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。その場合は、現在の接続として
を指定し、現在の接続のスタイルを変更します。これにより、現在の列の強調表示が実現され、非常に実用的な手法となり、ユーザーエクスペリエンスを向上させるのに特に役立ちます。ただし、実際のプロセスでは、いくつかの詳細に注意する必要がある場合があります。たとえば、検索バーのブログが外部リンクによって接続されている場合、この外部リンクの
を強調表示する必要があります。クリックされましたか? ここで、現在の列が強調表示されているときに発生する可能性のある問題について少しお話したいと思います。もしかしたら、すでに解決策があるかもしれません。