本篇文章給大家帶來的內容是關于如何實現html后臺導航iframe點擊換url（代碼） ，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

寫了個小項目，上網隨便找了個后臺模板 ，又不想重復加載head，footer......

想到了用iframe ， 隨便寫寫，歡迎大家指教

id=“nav_menu” 加在了二級菜單的 ul 上........

<script type="text/javascript">
    //導航
    $('#nav_menu a').click(function(){
        //選中樣式
        $(".am-fr").removeClass('am-icon-star');
        $(this).children('.am-fr').addClass('am-icon-star');
        //url
        href = $(this).attr('href');
        $('#iframe').attr('src',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嵌套frameset框架，點擊導航欄中超鏈接，瀏覽器url改變？？_html/css_WEB-ITnose

Bootstrap，導航欄點擊效果修復（補）_html/css_WEB-ITnose

以上就是如何實現html后臺導航iframe點擊換url（代碼）的詳細內容，更多請關注php中文網其它相關文章！