Maison  >  Article  >  interface Web  >  Comment implémenter l'iframe de navigation en arrière-plan HTML, cliquez pour changer l'URL (code)

Comment implémenter l'iframe de navigation en arrière-plan HTML, cliquez pour changer l'URL (code)

不言
不言original
2018-08-30 11:22:272561parcourir

Le contenu de cet article explique comment implémenter l'iframe de navigation en arrière-plan HTML, cliquez pour modifier l'URL (code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

J'ai écrit un petit projet. J'ai trouvé un modèle d'arrière-plan sur Internet, mais je ne voulais pas charger l'en-tête et le pied de page à plusieurs reprises...

J'ai pensé à utiliser une iframe. J'écrirai ce que je veux. Tout le monde est le bienvenu. Conseils

id="nav_menu" est ajouté à l'ul du menu secondaire...

<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>

Recommandations associées :

Comment faire en sorte que l'iframe imbrique le cadre du jeu de cadres, cliquez sur le lien hypertexte dans la barre de navigation et l'URL du navigateur change ? ? _html/css_WEB-ITnose

Bootstrap, réparation de l'effet de clic de la barre de navigation (réparation) _html/css_WEB-ITnose

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn