首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

怎样实现点击不同按钮之后，同一个区域可以实现不同frame的显示？

作者：浪费小创_512 | 来源：互联网 | 2023-05-18 23:04
如题我想设计一个网页，左边竖直的一栏是导航栏，点击导航栏中的不同按钮，右侧的区域中就可以显示出相应的内容，这种结构应该使用表格还是div实现，另外我想右侧做成frame，对不同的功能用不同的fra
如题
我想设计一个网页，左边竖直的一栏是导航栏，点击导航栏中的不同按钮，右侧的区域中就可以显示出相应的内容，这种结构应该使用表格还是div实现，另外我想右侧做成frame，对不同的功能用不同的frame，但是不知道怎样用左侧的导航栏来控制右侧的显示，请高手指点！

2 个解决方案

#1

可以通过改变iframe的src值来显然不同的内容

#2

那onclick里面应该怎样写呢？
谢谢！

推荐阅读
  • html

    博主从零开始学习HTML（入门基础）

    博主从零开始学习HTML（入门基础）
    从零开始学习HTML（入门基础）互联网三大基石HTTP协议URL：统一资源定位符HTML:超文本标记语言HTML的Head标签中的常用元素<!--告知 ... [详细]
  • view

    解决跨域IFrame自适应高度问题

    本文探讨了一个项目中遇到的挑战，即如何通过技术手段解决不同菜单项触发时，跨域IFrame页面的高度自适应问题。通过创建中介页面和利用JavaScript与Cookie机制，实现无缝的用户体验。 ... [详细]
  • html

    如何使用Selenium确定当前位于哪个iframe中

    如何使用Selenium确定当前位于哪个iframe中
    在使用Selenium进行自动化测试时，如果某个元素无法被正确定位，可能是因为该元素位于某个iframe中。本文将介绍如何通过Selenium获取当前所在的iframe，并提供相应的代码示例。 ... [详细]
  • iframe

    DirectShow Filter 开发指南

    DirectShow Filter 开发指南
    本文总结了 DirectShow Filter 的开发经验，重点介绍了 Source Filter、In-Place Transform Filter 和 Render Filter 的实现方法。通过使用 DirectShow 提供的类，可以简化 Filter 的开发过程。 ... [详细]
  • console

    RobotFramework 之 资源文件

    RobotFramework之资源文件资源文件导入资源文件资源文件与用例前置、后置结合使用资源文件资源（Resource）：用户关键字的 ... [详细]
  • iframe

    深入探讨ASP.NET 2.0中的Callback机制及其应用

    本文详细解析了ASP.NET 2.0中的Callback机制，不仅介绍了基本的使用方法，还深入探讨了其背后的实现原理。通过对比Atlas框架，帮助读者更好地理解和应用这一机制。 ... [详细]
  • html

    如何将TS文件转换为M3U8直播流：HLS与M3U8格式详解

    如何将TS文件转换为M3U8直播流：HLS与M3U8格式详解
    在视频传输领域，MP4虽然常见，但在直播场景中直接使用MP4格式存在诸多问题。例如，MP4文件的头部信息（如ftyp、moov）较大，导致初始加载时间较长，影响用户体验。相比之下，HLS（HTTP Live Streaming）协议及其M3U8格式更具优势。HLS通过将视频切分成多个小片段，并生成一个M3U8播放列表文件，实现低延迟和高稳定性。本文详细介绍了如何将TS文件转换为M3U8直播流，包括技术原理和具体操作步骤，帮助读者更好地理解和应用这一技术。 ... [详细]
  • html

    全面覆盖的前端开发面试题集锦（附详尽解答）

    本文汇集了我在网络上搜集以及在实际面试中遇到的前端开发面试题目，并附有详细解答。无论是初学者还是有一定经验的开发者，都应深入理解这些问题背后的原理，通过系统学习和透彻研究，逐步形成自己的知识体系和技术框架。 ... [详细]
  • html

    ESP8266 01S Web 服务器成功启动：详细解决方案与实践指南

    本文详细介绍了一种利用 ESP8266 01S 模块构建 Web 服务器的成功实践方案。通过具体的代码示例和详细的步骤说明，帮助读者快速掌握该模块的使用方法。在疫情期间，作者重新审视并研究了这一未被充分利用的模块，最终成功实现了 Web 服务器的功能。本文不仅提供了完整的代码实现，还涵盖了调试过程中遇到的常见问题及其解决方法，为初学者提供了宝贵的参考。 ... [详细]
  • html

    优化后的标题：HTML框架集（FRAMESET）的深入解析与应用实例

    本文深入解析了HTML框架集（FRAMESET）的使用方法及其应用场景。首先介绍了几个关键概念，如如何通过FRAMESET标签将主视图划分为多个独立的区域，每个区域可以加载不同的HTML文件。此外，还详细探讨了FRAMESET在实际开发中的优缺点，并提供了具体的实例代码，帮助开发者更好地理解和应用这一技术。 ... [详细]
  • iframe

    如何在 Angular 4 中实现跨域调用百度人脸识别 API？

    如何在 Angular 4 中实现跨域调用百度人脸识别 API？ ... [详细]
  • html

    iframe加载完成的事件监听及双滚动条问题的解决方案

    在使用 iframe 嵌入外部页面时，经常会遇到页面加载不同步的问题。当嵌入的页面响应较慢时，这种异步加载会导致用户体验不佳。本文介绍了如何通过监听 iframe 加载完成的事件来解决这一问题，并提出了针对双滚动条问题的有效解决方案，以提升整体的用户体验和页面加载效率。 ... [详细]
  • html

    深入解析JSONP跨域机制及其工作原理

    本文详细解析了JSONP（JSON with Padding）的跨域机制及其工作原理。JSONP是一种通过动态创建``标签来实现跨域请求的技术，其核心在于利用了浏览器对``标签的宽松同源策略。文章不仅介绍了JSONP的产生背景，还深入探讨了其具体实现过程，包括如何构造请求、服务器端如何响应以及客户端如何处理返回的数据。此外，还分析了JSONP的优势和局限性，帮助读者全面理解这一技术在现代Web开发中的应用。 ... [详细]
  • iframe

    Web自动化测试：表单提交与页面跳转的高效实现

    Web自动化测试：表单提交与页面跳转的高效实现
    Web自动化测试：表单提交与页面跳转的高效实现 ... [详细]
  • build

    整合百度UEditor编辑器于ASP后端的实现步骤与技巧

    整合百度UEditor编辑器于ASP后端的实现步骤与技巧
    随着微软停止对XP系统的支持，公司已全面升级至Windows 7。早期网站创建时使用的编辑器仅兼容IE6浏览器，而如今系统更新后，原有的编辑器已无法满足新环境的需求。本文详细介绍了如何将百度UEditor编辑器整合到ASP后端，包括实现步骤和实用技巧，确保网站在新系统下仍能高效运行并提供良好的用户体验。 ... [详细]
author-avatar
浪费小创_512
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有