ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLバックグラウンドナビゲーションiframeクリックしてURLを変更する方法(コード)

HTMLバックグラウンドナビゲーションiframeクリックしてURLを変更する方法(コード)

不言
不言オリジナル
2018-08-30 11:22:272510ブラウズ

この記事の内容は、HTML バックグラウンド ナビゲーションの iframe クリックで URL (コード) を変更する方法についてです。必要な方は参考にしていただければ幸いです。

小さなプロジェクトを書き、インターネットで背景テンプレートを見つけました。ヘッドとフッターを繰り返しロードしたくありませんでした...

iframe を使用することを考え、好きなものを書きました。私へのアドバイス

id="nav_menu" セカンダリ メニューの UL に追加されました...

<script type="text/javascript">
    //导航
    $(&#39;#nav_menu a&#39;).click(function(){
        //选中样式
        $(".am-fr").removeClass(&#39;am-icon-star&#39;);
        $(this).children(&#39;.am-fr&#39;).addClass(&#39;am-icon-star&#39;);
        //url
        href = $(this).attr(&#39;href&#39;);
        $(&#39;#iframe&#39;).attr(&#39;src&#39;,href);
        return false;
    });

    //iframe是否加载完,并且隐藏滚动条
    var iframe = document.getElementById("iframe");
    if (iframe.attachEvent){
      iframe.attachEvent("onload", function(){
        hideS();
      });
    } else {
      iframe.onload = function(){
        hideS();
      };
    }

    function hideS()
    {
      document.getElementById("iframe").scrolling="no";
      document.getElementById("iframe").style.overflow="hidden";
    }
</script>

関連する推奨事項:

iframe をフレームセット フレームにネストする方法、ナビゲーション バーのハイパーリンクをクリックし、ブラウザーURLが変わる? ? _html/css_WEB-ITnose

ブートストラップ、ナビゲーションバーのクリック効果修復(補足) _html/css_WEB-ITnose

以上がHTMLバックグラウンドナビゲーションiframeクリックしてURLを変更する方法(コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。