微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

请问这个iframe如何设置?_html/css_WEB-ITnose

php中文网
发布： 2016-06-21 09:18:15
原创
1633人浏览过


如上图:
我想每点击ul->li中不同的a,链接到不同的网页,并用iframe显示.我这个链接是成功了,但是有一个问题.
链接成功的同时,当前整个页面跳转到页面的顶部,这个很不合逻辑,因为我的iframe是在整个页面的中间.
请问是不是和iframe的 target属性什么 _parent 有关?
我貌似都试过了,都没用.请问这个问题怎么解决?谢了.

问问小宇宙
问问小宇宙

问问小宇宙是小宇宙团队出品的播客AI检索工具

问问小宇宙 77
查看详情 问问小宇宙

回复讨论(解决方案)

难道大家都没有人遇到过这个问题么?

一个iframe好像只能有一个链接，三个li里面的三个a，只能在同一个位置用三个iframe，然后用show,hide事件来显示当前活动的iframe.

一个iframe好像只能有一个链接，三个li里面的三个a，只能在同一个位置用三个iframe，然后用show,hide事件来显示当前活动的iframe.


这是一种方案,但是我这样动态写,貌似和问题没关系吧.


一个iframe好像只能有一个链接，三个li里面的三个a，只能在同一个位置用三个iframe，然后用show,hide事件来显示当前活动的iframe.


这是一种方案,但是我这样动态写,貌似和问题没关系吧.
对不起，没细看你的问题，想歪了。应该这样：a的链接用锚点链接到iframe那里，iframe里的链接连到外部的页面。如果你把a的链接写到别的页面，那就整个页面都转过去了，如链接到本页面，不管是_parent,_self，都刷新本页面了。

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：自学篇之html的所有input标签 以及post和get提交之间的区别_html/css_WEB-ITnose 下一篇：form表单内的button标签问题_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html转vue工具_html转vue网页版转换入口 html转vue网页版转换入口是https://www.htmltovue.com，该平台支持HTML代码一键转换为Vue组件，自动解析标签层级与属性，生成符合Vue语法的模板代码，并提供智能分析、多模式输出、兼容HTML5标签等功能，用户可直接粘贴代码或上传文件进行转换，右侧面板实时预览结果，支持复制集成到项目，同时具备错误提示、自定义配置及API调用能力，方便开发者高效使用。
2025-11-17 19:57:18
289
Windows11右键CSS直飞VS Code，效率翻10倍！ 首先启用VSCode内置的上下文菜单集成功能，打开设置搜索shellintegration并启用上下文菜单选项，即可在右键点击CSS文件时直接使用VSCode打开；若未生效，可手动通过注册表或第三方工具ContextMenuForWindows11添加“用VSCode打开”命令，确保路径正确且以管理员权限操作。
2025-11-17 19:55:02
320
如何通过Nano命令行编辑HTML文件的详细教程 首先启动Nano编辑器并打开HTML文件，命令为“nanoindex.html”；接着直接输入或修改HTML代码；然后按Ctrl+O保存，回车确认文件名，再按Ctrl+X退出；最后可参考常用快捷键提高效率。
2025-11-17 19:54:06
994
Linux scp递归上传整个HTML+CSS静态网站 使用scp-r命令可递归上传本地HTML+CSS网站到远程Linux服务器，示例为scp-r/home/user/mywebsite/*wwwuser@192.168.1.100:/var/www/html/，确保远程路径有写入权限，若用非标端口需加-P参数，建议上传后检查文件权限。
2025-11-17 19:49:02
242
Mac Finder中如何让HTML文件显示代码预览缩略图？ 可通过安装qlstephen或QuickLook-HTML插件启用MacFinder中HTML文件的代码预览，结合QuickLook功能与终端命令刷新缓存后，直接按空格键查看带语法高亮的源码内容。
2025-11-17 19:37:10
384
html文件转换工具_html文件转换网页版平台 答案是https://www.htmledit.net，该平台提供在线HTML编辑、实时预览、文本转HTML、模板生成、文件可视化编辑等功能，支持多浏览器兼容与API调用，适合网页快速制作与调试。
2025-11-17 19:33:05
560
Windows hosts文件绑定域名测试HTML+CSS本地站 hosts文件是Windows系统中用于域名映射的无扩展名文件，位于C:\Windows\System32\drivers\etc\目录，通过管理员权限编辑可将自定义域名如mywebsite.local指向127.0.0.1，实现本地网站测试；需配合HTTP服务（如Python启动的本地服务器）在指定端口运行，确保CSS等资源正常加载，最终在浏览器通过http://mywebsite.local:8000访问验证，完成前端调试环境模拟。
2025-11-17 19:30:06
894
html代码怎么响应式_html响应式布局代码实现与媒体查询用法 实现响应式布局的关键方法包括：一、使用流式网格布局，通过百分比宽度和max-width限制，结合浮动或弹性盒子排列元素；二、引入弹性图片技术，设置max-width:100%与height:auto，保持图片比例；三、应用CSS媒体查询，按屏幕宽度设定断点并调整样式；四、采用视口元标签，确保页面正确缩放；五、利用Flexbox和Grid布局实现灵活的空间分配与自适应排列。
2025-11-17 19:26:02
774
如何通过Gedit集成HTML测试工具的详细步骤 通过启用插件并集成HTMLTidy，Gedit可实现HTML验证与浏览器预览。首先开启“外部工具”插件，安装tidy或validator.nuCLI，再配置自定义命令进行语法检查，设置快捷键Ctrl+Shift+V运行验证，最后添加xdg-open命令实现实时预览，形成编写-检查-预览闭环。
2025-11-17 19:23:45
423
如何通过协作平台实现多人同时编辑HTML的详细步骤 选择支持实时协作的工具并规范流程，可实现多人高效编辑HTML文件。首先选用CodeSandboxTeams、Replit、GitHubCodespaces+LiveShare或Figma等平台，创建项目并设置成员权限，启用自动保存与版本历史。随后通过实时光标跟踪、内置聊天和分屏预览协同编辑，避免冲突。最后利用版本管理合并更改，解决冲突后导出或部署文件。关键在于及时沟通与规范操作。
2025-11-17 19:23:02
897
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部