如何实现html后台导航iframe点击换url(代码)


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<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(代码)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

iframe网页内部的导航窗口的浅析

html中iframe标签有哪些用法

在html中iframe与frame有哪些区别

教你在iframe标签中制作滚动条样式,iframe标签的用法介绍

layui打开的layer的iframe窗口怎么关闭

iframe怎么用

iframe的去边框和无边框有哪些操作方式

jquery如何获取iframe

html iframe标签怎么使用?html iframe标签的使用实例介绍

iframe的跨域使用方法

更多相关阅读请进入《iframe》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...