如何完成html后臺導(dǎo)航iframe點(diǎn)擊換url（代碼）

本篇文章給大家?guī)�來的�?nèi)容是關(guān)于如何實(shí)現(xiàn)html后臺導(dǎo)航iframe點(diǎn)擊換url（代碼） ，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

寫了個小項(xiàng)目，上網(wǎng)隨便找了個后臺模板 ，又不想重復(fù)加載head，footer......

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

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

<script type="text/javascript">
    //導(dǎo)航
    $('#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>

相關(guān)推薦：

怎么讓iframe嵌套frameset框架，點(diǎn)擊導(dǎo)航欄中超鏈接，瀏覽器url改變？？_html/css_WEB-ITnose

Bootstrap，導(dǎo)航欄點(diǎn)擊效果修復(fù)（補(bǔ)）_html/css_WEB-ITnose

以上就是如何實(shí)現(xiàn)html后臺導(dǎo)航iframe點(diǎn)擊換url（代碼）的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！