>  기사  >  웹 프론트엔드  >  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

Bootstrap, 네비게이션 바 클릭 효과 복구(복구) _html/css_WEB-ITnose

위 내용은 HTML 배경 탐색 iframe을 구현하는 방법 URL을 변경하려면 클릭하세요(코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.