注意这个细节——————target = iframe 实现异步上传文件效果

最新推荐文章于 2026-06-25 11:42:14 发布
转载 最新推荐文章于 2026-06-25 11:42:14 发布 · 703 阅读 · 0
标签
#web #jsp
本文讨论了如何在HTML中使用a标签正确指向iframe，避免了Id作为目标导致的兼容性问题，强调了使用name属性的重要性。通过实例演示了在不同浏览器环境下正确的链接方式。
<iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0" style="width:200px; height:150px; "></iframe>

<a href="../ashx/Print2DCodeImage.ashx?codeInfo=Demo123" target="myFrameName" >打印二维码</a>


上面的这个a标签的target指向的是name为myFrameName的iframe，不适宜用Id来做指向的目标，如果target=“myFrameId”的话只有新版的Chrome、opera支持，在IE10，FF中都不生效。


注意  这是个小细节！

libraryhu
关注
对target="framename"的理解（实现分页的demo）
06-07
演示首页→演示内容页，并且点击切换按钮时，显示对应的演示内容模板。
html中a标签的target属性值iframe
qq_27577113的博客
02-10 1893
<a href="xxx.html" target="iframe"> 使用iframe调用xxx.html页面 </a> target='iframe'并不会打开新的或者覆盖本页面, 而是会在本页的iframe中打开这个页面
a标签的target指向iframe
热门推荐
code旅行者的专栏
06-17 4万+
打印二维码 上面的这个a标签的target指向的是name为myFrameName的iframe，不是用Id来做指向的目标，如果target=“myFrameId”的话只有新版的Chrome、opera支持，在IE10，FF中都不生效。 一个小细节，花了不少时间。
a标签的taget属性
happycaijie的博客
02-04 1120
target属性设置页面在何处打开超链接页面 target属性值为iframe框架的name值，表示在指定的框架中打开页面，注意iframe的name属性值与id属性值不能相同，否则不能正常显示，小细节要切记！
a标签和iframe标签中的target
YXX_decsdn的博客
05-17 4156
target1，a标签i）_selfii）_blank2，iframe标签1）_parent2）_top 先来看a标签 1，a标签 a标签：超链接标签，双标签，常用标签属性： 1）href：指定打开的页面； 2）target：用于指定在哪个窗口打开href标签属性指定的页面，常用属性值有_self 、_blank 等； i）_self 演示结果如下 说明:点击“百度一下”之后，_self是当...
内嵌框架iframe、超链接target、滚动标签（Html基础）5
虎小币的博客
11-03 522
son.html： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 我是son页面<br /> <a href="http://baidu.com" target="_blank">新窗口打开百度</a><br />
PloneFormGen：Plone原生表单引擎深度解析与实战指南
dfu65065的博客
06-14 417
表单系统是企业内容管理中连接用户与数据的关键枢纽，其核心在于安全可控的数据采集、细粒度权限继承及与CMS内容生命周期的深度耦合。不同于嵌入式或SaaS类表单工具，原生集成方案依托ZODB对象存储和Plone权限模型，天然支持用户身份绑定、工作流驱动、版本控制与审计追溯。PloneFormGen作为Plone生态最成熟的原生表单扩展，将每个提交转化为可授权、可索引、可工作流管理的FormSaveData内容对象，实现业务人员自助建表与IT团队统一治理的平衡。本文围绕ZODB原生存储、权限三层防御、Action
前端UI集成测试实战指南：从Jest、Testing Library到CI/CD全链路
culi3182的博客
06-20 605
UI集成测试是现代前端工程中确保应用稳定性的关键环节，它填补了单元测试与端到端测试之间的空白。其核心原理在于模拟真实用户操作，验证前端组件之间、以及前端与后端服务之间的协作是否顺畅，而非仅仅测试孤立的函数逻辑。在技术价值上，它能以较高的性价比快速发现集成层面的缺陷，防止“最后一公里”问题，提升交付质量。常见的应用场景包括表单提交、数据流验证、复杂用户交互流程等，尤其适用于像ACE-Step这类功能复杂、交互频繁的项目。通过结合Jest、Testing Library（如React Testing Libra
10个经久不衰的JavaScript交互特效原理与现代实践
世范水晶
06-14 181
JavaScript交互特效是提升网页用户体验的关键技术手段，其本质是通过DOM操作、事件监听与CSS过渡（transform/transition）构建微交互反馈。这类特效并非炫技堆砌，而是解决真实问题的设计范式——如模态层降低跳转成本、表格排序优化信息获取效率、图片悬停增强视觉层次。随着浏览器能力演进，原始脚本已可通过IntersectionObserver、CSS自定义属性、硬件加速等现代方案轻量适配，兼顾兼容性与性能。尤其在首屏加载、移动端响应、无障碍访问等工程场景中，合理选用经验证的交互模式，比盲
Selenium与Cypress深度对比：从架构到实战的自动化测试选型指南
weixin_42522669的博客
06-25 288
Web自动化测试是保障现代Web应用交付质量和开发效率的关键实践。其核心原理是通过脚本模拟用户操作，对Web界面进行功能验证。从技术实现看，主要分为基于远程控制协议和基于浏览器内执行两种架构模式，这直接决定了测试的稳定性、执行速度和调试体验。在工程实践中，自动化测试的价值在于实现快速反馈、降低回归成本，并能无缝集成到CI/CD流程中。其典型应用场景包括单页应用的功能验证、跨浏览器兼容性测试以及API与UI的集成测试等。本文聚焦于自动化测试领域两大主流框架——Selenium与Cypress，通过深入剖析其底
Selenium网页自动化入门：从环境搭建到实战数据采集
weixin_34293141的博客
06-21 427
网页自动化是现代软件开发和数据处理的基石技术，它通过模拟真实用户操作，将重复、繁琐的网页交互流程转化为可执行的脚本。其核心原理是借助浏览器驱动协议（如WebDriver）与浏览器进行通信，实现对页面元素的定位、操作与状态获取。这项技术的核心价值在于将人力从低价值的重复劳动中解放出来，提升工作效率与准确性，广泛应用于自动化测试、数据采集、批量操作等场景。以Selenium为例，作为遵循W3C标准的自动化工具，它通过WebDriver组件驱动真实浏览器，结合八大元素定位器（如ID、CSS Selector、XP
2026面试预判及实际面试
Mr.小灰狼_随笔
05-11 405
本文摘要总结了多个前端开发岗位的面试问题和答案，涵盖Vue3、ECharts、数据可视化、JavaScript核心概念等内容。 Vue3高频问题 组合式API相比选项式API的优势在于逻辑内聚、更好的TS支持和复用性。 状态管理推荐Pinia，轻量且支持组合式API风格。 动态路由和权限控制通过router.addRoute和路由守卫实现。 响应式原理基于Proxy和Reflect，解决了Vue2的局限性。 ECharts与数据可视化 性能优化包括数据聚合、懒渲染和dataZoom区域缩放。
本地离线网页摘要插件：Qwen-Agent+Ollama实战指南
weixin_29038155的博客
06-25 287
网页摘要是一种面向信息过载场景的基础AI能力，其核心在于将非结构化HTML文本转化为简洁、准确、可控的语义摘要。技术原理上依赖轻量级大模型的文本理解与生成能力，结合流式推理降低用户等待感知，并通过离线部署保障数据隐私与响应实时性。该能力具备显著的技术价值：无需联网、不上传内容、低延迟反馈，适用于技术文档速读、新闻要点提取、产品说明书精读等高频办公场景。本文聚焦于基于Qwen-Agent框架与Qwen3小模型构建真正可离线运行、流式输出、全程可控的Chrome浏览器摘要插件，涵盖Ollama本地服务配置、Fa
Selenium脚本性能优化实战：10个技巧提升60%运行速度
最新发布
weixin_33154775的博客
06-25 257
Web自动化测试是保障软件质量的关键环节，其核心原理是通过程序驱动浏览器模拟用户操作，完成功能验证与回归测试。在工程实践中，测试脚本的性能直接影响持续集成（CI/CD）的交付效率。本文聚焦于Selenium这一主流自动化测试工具，针对其脚本执行缓慢的常见痛点，从网络等待、DOM查询、浏览器配置等底层机制切入，系统性地拆解了性能瓶颈的三大来源。通过引入智能等待策略替代静态休眠、优化元素定位器减少DOM遍历开销、调整页面加载策略与浏览器选项等实战技巧，旨在帮助测试开发者将测试套件运行时间显著缩短。这些优化方案尤
IFrame页面内target目标跳转到另一个iframe
weixin_34336292的博客
06-26 795
2019独角兽企业重金招聘Python工程师标准>>> ...
target&iframe&a元素部分总结
ZQY1436556395的博客
05-17 485
target可以有以下几种取值 1._self：默认值，在当前窗口打开URL 2._blank：在一个新的窗口中打开URL 3._parent：在父窗口中打开URL 4._top：在顶层窗口中打开URL 5.某个frame的name值：在某个frame中打开URL iframe元素：在一个HTML文档中嵌入其他HTML文档 frameborder属性：用于规定是否显示边框1：显示0：不显示 可以利用base元素设置当前页面所有a元素的默认行为，base元素写在head元素中 <!DOC.
chrome中<a href="" target="myFrame">重定向问题
故轩溪
09-19 3080
chrome中重定向问题Chrome似乎不支持target跳转到其他frame(target=”_self”是可以的)，所以当页面中使用了frame时，多层嵌套frame时，frame之间的跳转就有问题了。解决办法： 使用JS改变目的frame的src属性. example： parent.html主要内容：/*同域中,chrome target指向Iframe跳转问题的解决方法:使用JS绑定
target="rightFrame" frame中的跳转
谢彬のCSDN专栏
03-11 8506
一般网页的结构为：上（top）、左（菜单兰）、右（页面栏） 现有类似页面： 代码为： 常见的页面跳转为： 1、比如top中我要跳到right页面  A标签的时候直接用target="rightFrame" 帮助 如果是js函数呢：window.parent.rightFrame.location.href=
html target属性详解（如何分窗口，frame、target、base、hr）
Code-lover's Learning Notes
10-19 1万+
A的target属性 　　介绍A标签的另一个重要的属性——target。 例子 target=_blank href=/cgi-bin/mybbs/>myBBS 显示 myBBS 说明 　　这个连接和一般的连接看起来没有任何区别，只是点这个连接时， 浏览器将打开一个新的窗口显示myBBS。target可能的值还有： _blank 开一个新窗口
通过target为a标签指定frame
现役码农的博客
11-21 2154
在项目开发中，需要将多个a标签的url在同一个frame中显示。 这里的name是关键，这样a标签才能通过具体的名字进行查找 test 这样页面就会在指定的frame中显示，多个a标签只要保证target一致即可
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值