iframe中src参数过长问题解决

iframe中src参数过长问题解决


问题描述:iframe的src跳转页面是get提交,get提交在浏览器中最大限制在2k以内,超过2k就终止跳转,所以就想办法用post跳转。


解决方法:

1、在父页面获得iframe的window对象。

2、往iframe里写入form表单,form表单使用post传输,并且写入要传递的大长度参数。

3、父页面控制iframe的form提交。



js

var url = 'mubiao.jsp';

var data = '此处为大数据';

var html = '<form action="'+url+'" method="post" target="_self" id="postData_form">'+

'<input id="wor_iteId" name="wor_iteId" type="hidden" value="'+data+'"/>'+

'</form>';

document.getElementById('ifr_1').contentWindow.document.wirte(html);

document.getElementById('ifr_1').contentWindow.document.getElementById('postData_form').submit();



页面

<iframe id="ifr_1" src="about:blank" width="100%" height="140px" noresize>


JS刷新iframe


有效方法:

var myIfr = document.getElementById('q_ifr');

myIfr.src = myIfr.src;





另外有用这个的

document.frames('q_ifr').location.reload();

我在使用的时候在谷歌和火狐下没反应。

要用还是用上面的那个好使。
从零构建网页虚拟机:前端沙箱技术与代码执行环境实战 在Web开发中,沙箱技术是实现代码隔离与安全执行的核心机制。其原理是通过创建独立的执行环境,限制代码对宿主环境的访问权限,从而保障主应用的安全与稳定。这项技术对于构建在线代码编辑器、技术教学平台和交互式演示环境具有重要价值。应用场景广泛,例如在技术博客中嵌入可交互的代码示例,或在企业内部搭建安全的技术测评系统。本文聚焦于利用iframe沙箱方案,结合Monaco Editor,构建一个轻量级、可运行前端代码的网页版虚拟机,为开发者提供隔离可控的代码执行环境。 阅读详情

相关推荐

P450酶催化循环的Amber-Gromacs混合模拟实战:从血红素加氧到产物释放

本文详细介绍了针对P450酶完整催化循环的Amber-Gromacs混合模拟实战策略。通过Amber为关键氧合血红素中间体(CPDI)构建精确力场,再利用Gromacs的高效GPU加速进行长时间尺度动力学模拟,完整覆盖从底物结合到产物释放的催化过程,为研究酶催化机制提供了强大的计算工具。

weixin_29201859的博客 315

打破iframe安全限制的3种方案

转载:http://www.ayqy.net/blog/%E6%89%93%E7%A0%B4iframe%E5%AE%89%E5%85%A8%E9%99%90%E5%88%B6%E7%9A%843%E7%A7%8D%E6%96%B9%E6%A1%88/ 一.从 iframe 说起 利用iframe能够嵌入第三方页面,例如: <iframe style="width: 800px; height: 600px;" src="https://www.baidu.com"/> 然而,并非所有第三方页

web修理工 1万+

DVT Eclipse保姆级入门教程(一)

介绍 waokspace工作区 是Eclipse平台、已安装插件的存储、配置和临时信息的首选项 在工作区可以定义项目,但不需要将源文件导入或者复制到工作区中,可以在项目中指向任何文件夹或者文件; 路径都不要出现中文; 每次启动Eclipse时,都可以创建一个新的工作空间或指定一个现有的工作空间目录; 可以创建许多工作区,每个工作区专用于某种活动。 project项目 首次创建项目时,Eclipse平台会在你指定的目录中创建一个.project项目。 一些插件可能会在项目目录中创建其他信息,例如DVT创

SummerXRT的博客 1万+

解决父页面加载iframe时,src链接中参数值过大导致加载失败的问题

有时候我们在使用iframe时,喜欢这么写 或者是使用js加载src: var params = "?pk_id="+pk_id; var frameLeftSrc = "/****/****.do"+params; $('#leftFrame').attr("src",frameLeftSrc); (先说明一下,此处只是以一个参数为例,实际可能会有多个参数。我们继续) 上面两

sdmanooo的专栏 7475

Win10和Ubantu16.04双系统下,卸载Ubantu

Win10和Ubantu16.04双系统下,卸载Ubantu 机器配置 华硕主板,英伟达显卡(这不是重点) Win10与Ubantu16.04均为UFFI分区(如果不知道这个也不需要在意,一般默认的都是这样,鸵鸟原则) 清除Ubantu系统 一般按照常规的方法来删除Ubantu,都是直接将磁盘管理器里面的关于Ubantu的磁盘清空,但是还会留下一个UFFI分区,如果不进行删除的话,开机时候还是会有...

qq_33289694的博客 391

AI工具如何提升产品经理工作效率

AI工具在现代产品管理中扮演着越来越重要的角色,从需求挖掘到原型设计再到交付物制作,AI技术正在重塑产品经理的工作流程。通过自然语言处理(NLP)和机器学习(ML)技术,AI工具能够自动化处理大量重复性任务,如用户访谈转录、竞品分析、原型生成等,显著提升工作效率。以ChatGPT和Notion AI为例,这些工具可以快速生成结构化分析框架和PRD初稿,将传统需要数小时甚至数天的工作压缩到几分钟内完成。在产品设计阶段,工具如Uizard和Galileo AI能够根据文本描述自动生成可交互原型,大幅缩短设计探索

weixin_29194817的博客 242

解决父类加载iframe,src参数过大导致加载失败

或者是使用js加载src: var params = "?pk_id="+pk_id; var frameLeftSrc = "/****/****.do"+params; $('#leftFrame').attr("src",frameLeftSrc); (先说明一下,此处只是以一个参数为例,实际可能会有多个参数。我们继续) 上面两种写法,都可以

柯烽博客 5395

无监督低照度增强实战:用ZeroDCE和SCI拯救你的夜间照片(附PyTorch代码)

本文深入探讨了无监督低照度图像增强技术,重点解析了ZeroDCE和SCI两大代表性模型的核心原理与实战应用。通过对比分析两者的技术路径、网络结构及性能特点,并附上详细的PyTorch代码实现,旨在帮助读者掌握无需配对数据即可有效提升夜间照片画质的深度学习解决方案。

git9versioner的博客 490

关于Iframe最常见问题汇总(附解决技巧)【精品】

关于IE下页面不刷新(手动有OK的问题) 1 2 3 4 5 6 7 //解决IE下有缓存需手动刷新页面问题start if(src.indexOf('?')!=-1){ src=src+"&random="+Math.floor(Math...

weixin_34297704的博客 1013

Maven的下载安装配置教程(详细图文)

目录 一、简单了解一下什么是Maven 二、maven的下载 三、maven的安装 四、maven的环境变量配置 五、setting文件配置 六、开发工具配置Maven 一、简单了解一下什么是Maven Maven就是一款帮助程序员构建项目的工具,我们只需要告诉Maven需要哪些Jar 包,它会帮助我们下载所有的Jar,极大提升开发效率。 1.Maven翻译为“专家“, ”内行”的意思,是著名Apache公司下基于Java开发的开源项目。 2.Maven项目对象模型(POM)是一..

bakelFF的博客 12万+

OpenClaw实战系列01:OpenClaw接入飞书机器人全接入指南 + Ollama本地大模型

通过 OpenClaw + Ollama + 飞书的组合,我们成功搭建了一个完全私有、免费、可定制的AI助理。它不仅能在日常聊天中提供帮助,还能通过OpenClaw强大的“技能”体系,真正去操作你的电脑、管理文件、甚至执行代码。这套方案将数据留在本地,既保证了隐私安全,又锻炼了动手能力。现在,去给你的AI助理添加更多酷炫的技能吧!

PeterPan的博客 1万+

iframe开发中遇到的问题

问题描述:前段开发中给出的静态页面,每个页面中都存在导航以及头部尾部信息,现在需要对其公共部分进行抽取,并实现点击菜单导航左侧不刷新,右侧主体局部刷新。 解决办法:使用iframe做页面嵌套,删除重复的头部和菜单导航 frameborder=“0” 规定不显示框架周围的边框。 scrolling=“no” 规定在 iframe 中不显示滚动条。 嵌套信息 <iframe id="iframepage" src='${innerUrl}' width="100%" frameborder="0" scr

qq_42502997的博客 565

OceanBase迁移平台OMS企业版部署

OceanBase迁移平台OMS企业版部署摘要: 本文档详细介绍了OceanBase迁移平台OMS企业版的部署流程,包含环境准备、OAT部署管理、MetaDB部署等关键步骤。

Sebastien23的博客 521

Selenium WebDriver 无执行上下文错误:诊断与解决 iframe 加载问题

在 Web 自动化测试与数据抓取中,处理动态加载的 iframe 是常见挑战。其核心在于理解浏览器的执行上下文原理,即每个 frame 都是一个独立的 JavaScript 沙箱环境。当自动化脚本尝试与 iframe 交互时,若其内部 JavaScript 执行环境因资源加载失败、脚本错误或跨域限制而未能成功创建,便会抛出“no such execution context”错误。这直接影响了脚本的稳定性和可靠性。例如,网络层面的 WebSocket 连接错误可能导致关键资源加载中断,进而影响执行上下文的初

weixin_33704591的博客 624

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

Selenium框架内网页源码获取:iframe与SPA动态内容实战指南

在Web自动化测试与数据抓取领域,处理复杂网页结构是常见挑战。网页框架技术,特别是iframe和现代前端框架(如Vue.js、React)构建的单页面应用(SPA),使得直接获取完整页面源码变得困难。其原理在于,传统方法如driver.page_source仅能获取顶层文档的静态HTML,无法捕获嵌套框架内或客户端动态渲染的内容。掌握正确的上下文切换与等待策略,对于确保自动化脚本的可靠性和数据抓取的完整性具有重要技术价值。在实际应用场景中,测试工程师和爬虫开发者常需应对iframe内嵌组件与SPA动态区域混

weixin_34253126的博客 364

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

IE6之iframe中内容不显示BUG

iframe做弹窗页面,突然发现弹出的窗口在IE6下什么都么有..|虽然微软都放弃IE6了,但是根据国内的行情还不知道得用多久呢..没办法找资料吧。大致看了下网上的结论:1.SRC参数过长(这个没试过);2.src属性的位置,只要这个属性不直接跟在 3.触发源是 a 标签(因为源案例在IE6下测试是没有问题的,所以我目前就是这个问题。)改成其他标签测试就是正常的了。另外一种解决方法: 触发...

axl---专心专注于web前端开发 361

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

get提交时url长度有限制

在html中get提交时,对url的长度是有限制的,当url的长度超过最大值时,页面就会停止提交。因此当有大数据量的数据要传输的时候要使用post方式提交。 当iframe中的src太长时的解决方案如下: 1、在父页面获得iframe的window对象。 2、往iframe里写入form表单,form表单使用post传输,并且写入要传递的大长度参数。 3、父页面控制iframe的form提

快乐使者 1636

Vue.js中PDF下载空白问题:3种实战解决方案与原理剖析

文件下载是Web开发中的基础功能,其核心原理涉及HTTP协议、二进制数据传输和浏览器文件处理机制。在前后端分离架构中,前端通过Ajax请求获取文件数据流,后端返回二进制内容,前端需正确解析并触发浏览器下载行为。这一过程的技术价值在于实现无缝的用户文件获取体验,同时保证数据完整性和安全性。常见的应用场景包括报表导出、文档下载、图片保存等。在实际开发中,开发者常遇到PDF文件下载后打开显示空白的问题,这通常是由于响应数据类型设置错误或Blob对象构造不当导致的。本文针对Vue.js项目,深入分析问题根源,并提供

weixin_30457551的博客 312

也谈---基于 HTTP 长连接的“服务

这里指讨论基于HTTP的推技术, 诸如flash,applet之类的东西不作分析, 他们就不能说是"纯粹"的浏览器应用了. 首先是一点背景知识, 大家都知道长连接避免了tcp连接的反复建立,能够节省大量资源. 但HTTP天生就是短连接的pull式服务, 这不能说是个缺点, 只是对某些实时性服务而言有点不合适. 目前大部分浏览器和web服务器都支持keep-alive参数, 这一点可以部

513
上一篇: 通过虚拟目录实现跨域访问资源(如在项目中显示图片)
下一篇: oracle 行转列,普通
Java_yafeng
博客等级 码龄18年 2粉丝 18原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值