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

最新推荐文章于 2023-05-29 17:12:55 发布
最新推荐文章于 2023-05-29 17:12:55 发布
阅读量5.1k 收藏 1
点赞数 1
分类专栏： 教程 Web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hyf93924/article/details/42417675
版权
当iframe的src参数值过长时，可能导致加载失败。本文针对此问题提出两种解决方案：一是通过关联查询传递较短参数来获取长参数值；二是使用form表单post方式在主页面动态创建并提交，将大数据传递给iframe页面。
摘要由CSDN通过智能技术生成
<iframe src="*******.do?param=****" id="leftFrame" name="leftFrame" frameborder="0"></iframe>


或者是使用js加载src：


var params = "?pk_id="+pk_id;


var frameLeftSrc = "<%=path %>/****/****.do"+params;
最低0.47元/天 解锁文章
柯烽KF
关注
专栏目录
iframe 与 webview ，记录一次使用 jsBridge 遇到的 bug 解决过程
weixin_34185512的博客
05-22 2675
前提-出现场景 使用机型为 Android 9，API 28 使用的 jsBridge 为 link bug 描述 在页面加载前后如果连续多次调用原生的方法，会遇到回调参数未被调用的情况。 // 多次调用如下函数， 部分 callback 将不会被调用 window.WebViewJavascriptBridge.callHandler(api, parameter, callback); ...
解决父页面加载iframe时，src链接中参数值过大导致加载失败的问题
sdmanooo的专栏
12-18 7003
有时候我们在使用iframe时，喜欢这么写 或者是使用js加载src： var params = "?pk_id="+pk_id; var frameLeftSrc = "/****/****.do"+params; $('#leftFrame').attr("src",frameLeftSrc); (先说明一下，此处只是以一个参数为例，实际可能会有多个参数。我们继续) 上面两
iframe中src参数过长问题解决
fangletian1981的专栏
11-15 6001
解决方法： 1、在父页面获得iframe的window对象。 2、往iframe里写入form表单，form表单使用post传输，并且写入要传递的大长度参数。 3、父页面控制iframe的form提交。   js var url = 'mubiao.jsp'; var data = '此处为大数据'; var html = ' id="postData_form">'+    
iframe标签通过src加访问路径 Request header is too large的解决方案
码农回顾
11-04 1万+
iframe标签通过src加访问路径 Request header is too large的解决方案1. 遇到的具体情况2.解决方法 如果iframe通过标签添加src的ur的话，默认只能通过get，而不能通过post 如果使用get就可能会出现Request header is too large的情况 1. 遇到的具体情况 本人实习生一枚，在公司帮忙解决一个大项目的报表项目。然后用if...
iframe弹出框遮罩父类页面
08-22
总的来说，"iframe弹出框遮罩父类页面"是一个常见的前端交互需求，通过合理使用`iframe`、JavaScript和CSS，以及像EasyUI这样的库，可以实现高效、简洁的解决方案。理解并掌握这些知识点对于提升网页交互体验至关...
iframe中子父类窗口调用JS的方法及注意事项
10-23
为了解决这个问题，我们可以给iframe添加一个onload事件，在该事件中进行DOM操作。 例如，在子iframe中加载完成后，需要对父窗口的某个表格进行操作： ```javascript window.onload = function() { // 子页面加载...
关于iframe 内嵌页面高度的解决手记
chenlianxiang_Blog
06-10 2934
function context(id) { $("#t_context").html(""); var html=" <iframe id='t_contextPage' MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src=\""+id+".html\" width=...
vue中iframe传参/绕过跨域/绕过src不刷新问题解决
hikktn的博客
07-26 1755
欢迎大家关注我的知识库，你的关注就是我前进的动力！CSDN专注于问题解决的博客记录，语雀专注于知识的收集与汇总，包括分享前沿技术。
页面加载iframe页面时，iframe页面有时无法正常加载的问题
热门推荐
ricksyz的专栏
11-04 1万+
最近在项目中使用iframe，在使用过程中遇到iframe页面加载不正常的问题（iframe的src直接指定）： 如图，iframe页面中有两个div使用jquery的easyui插件显示为panel，但由于加载时没有取到当前页面的宽度，导致panel显示不正常。 经测试发现在IE8下出现这种情况的概率很高，但是在firefox下基本不会出现这种情况（不清楚为什么会这样），IE8下我在主页
iframe跨域传值超过2M的问题解决
housen1987
10-10 747
使用iframe进行传值时，如果采用URL的方式传递，则最大只能传递大约2k的数据，超过这个长度就会被截断了，那么是否可以采用post的方式传值呢？答案是可以的，我们可以采用js创建一个form表单，并将此form提交到iframe上，这样就能做到打破2k数据的限制。   &lt;iframe id="frame1" name="frame1" src="" style="display:no...
uniapp 电商小程序嵌入H5页面提示 “页面iframe不支持引用非业务域名”
yehaocheng520的博客
09-21 1万+
小程序嵌入H5页面 uniapp 官网提供的示例： <template> <view> <web-view :webview-styles="webviewStyles" src="https://uniapp.dcloud.io/static/web-view.html"></web-view> </view> </template> <script> export defau
url最大长度
最新发布
weixin_38673922的博客
05-29 1825
【代码】url最大长度。
监听iframe加载失败方法
04-24
你可以使用 JavaScript 监听 iframe 加载失败方法。具体做法是：给 iframe 元素添加 onload 和 onerror 事件监听器，在 onerror 中处理加载失败的情况。示例如下： ```javascript const iframe = document.createElement('iframe'); iframe.src = 'http://www.example.com'; iframe.onload = () => { // 处理加载成功的情况 }; iframe.onerror = () => { // 处理加载失败的情况 }; document.body.appendChild(iframe); ``` 在 onerror 中，你可以进行一些逻辑处理，比如显示错误信息或者重新加载 iframe 等操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值