ホームページ > ウェブフロントエンド > jsチュートリアル > js検索メソッドを使用して、現在のcolumn_javascriptスキルを強調表示するコードを実現します。

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

WBOY
リリース: 2016-05-16 19:07:41
オリジナル
1474 人が閲覧しました

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




//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。その場合は、現在の接続として
    を指定し、現在の接続のスタイルを変更します。これにより、現在の列の強調表示が実現され、非常に実用的な手法となり、ユーザー エクスペリエンスを向上させるのに特に役立ちます。ただし、実際のプロセスでは、いくつかの詳細に注意する必要がある場合があります。たとえば、検索バーのブログが外部リンクによって接続されている場合、この外部リンクの
    を強調表示する必要があります。クリックされましたか? ここで、現在の列が強調表示されているときに発生する可能性のある問題について少しお話したいと思います。もしかしたら、すでに解決策があるかもしれません。
    関連ラベル:
    js
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート