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

本篇文章给大家带来的内容是关于如何实现html后台导航iframe点击换url(代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

写了个小项目,上网随便找了个后台模板 ,又不想重复加载head,footer……

想到了用iframe , 随便写写,欢迎大家指教

id=“nav_menu” 加在了二级菜单的 ul 上……..

    //导航    $('#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";    }

登录后复制

 相关推荐:

怎么让iframe嵌套frameset框架,点击导航栏中超链接,浏览器url改变??_html/css_WEB-ITnose

立即学习“前端免费学习笔记(深入)”;

Bootstrap,导航栏点击效果修复(补)_html/css_WEB-ITnose

以上就是如何实现html后台导航iframe点击换url(代码)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2831919.html

(0)
上一篇 2025年3月9日 04:01:41
下一篇 2025年3月1日 23:58:39

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html中iframe是如何使用的?

    本章给大家介绍在html中iframe是如何使用的,让大家可以了解html中iframe的用法。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 有人说,iframe是能耗最高的一个元素,尽量减少使用;也有人说,iframe的…

    编程技术 2025年3月9日
    200
  • 如何在HTML中引入外部页面(iframe标签法)

    在页面布局时,会将部分外部页面引入到html中,这篇文章就和大家讲讲如何在html中引入外部页面之iframe标签法。有需要的朋友可以参考一下,希望对你有用。 首先,最容易想到的应该是使用iframe,虽然html5废除了frame,但是依…

    编程技术 2025年3月9日
    200
  • html中iframe如何使用?html中iframe标签用途的介绍

    对于开发网站的朋友来说,iframe标签一定是不陌生的,iframe元素会创建包含另外一个文档的内联框架(即行内框架),我们可以在我们自己的网站页面加载别人网站或者本站其他页面的内容,所以,接下来的本篇文章将给大家来介绍一下html中ifr…

    编程技术 2025年3月9日
    200
  • <iframe>是什么?html中iframe标签的用法详解

    经常进行页面布局的人对于html中的iframe标签一定不陌生,iframe标签是一个内联框架,说白了就是用来在当前 html 页面中嵌入另一个文档的。刚刚接触前端的小伙伴可能不知道html中iframe标签的用法,这篇文章就结合实例给大家…

    2025年3月9日
    200
  • iframe和frame的区别是什么?iframe和frame的区别总结

    本篇文章给大家带来的内容是关于iframe和frame的区别是什么?iframe和frame的区别总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。【推荐阅读:html5教程】 iframe有那些缺点? iframe会阻塞…

    2025年3月9日
    200
  • iframe是什么标签

    iframe标签规定一个内联框架,作用是文档中的文档,或者浮动的框架(frame),iframe元素会创建包含另外一个文档的内联框架(即行内框架)。【推荐教程:html视频教程】 作用:会创建包含另外一个文档的内联框架(即行内框架)。 说明…

    2025年3月9日
    200
  • iframe怎么用

    iframe是一个内联框架,可以在当前html页面中嵌入另一个文档,一般情况下使用iframe直接在页面嵌套iframe标签再指定src就可以了。 有人说,iframe是能耗最高的一个元素,尽量减少使用。也有人说,iframe的安全性太差,…

    2025年3月9日
    200
  • 详解HTML内联标签iframe的使用!

    Iframe内联框架 iframe是html标签,它可以把一个网页的框架和内容,嵌入在现有的网页中,也就是说,我们可以在自己的网页中加载别人的网站,当然,iframe标签的一些属性也是我们在使用iframe时所需要了解的,帮助我们更好的使用…

    2025年3月9日
    200
  • iframe有什么弊端

    iframe的弊端有:1、加载速度慢,由于iframe需要加载嵌入的网页,因此会增加整体页面的加载时间;2、对搜索引擎不友好,搜索引擎通常会忽略iframe中的内容,这意味着嵌入的网页的内容不会被搜索引擎索引;3、安全性问题,恶意网站可以通…

    2025年3月9日
    200
  • iframe禁用是什么意思

    iframe禁用是指在网页中禁止使用iframe标签的功能。由于一些安全和隐私的考虑,有时候需要禁用iframe标签的使用,常见的禁用方法:1、通过设置X-Frame-Options响应头,表示不允许嵌入到任何iframe中;2、使用Con…

    2025年3月9日
    200

发表回复

登录后才能评论