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();
我在使用的时候在谷歌和火狐下没反应。
要用还是用上面的那个好使。
分享到:
相关推荐
修改这个页面内容提交后,iframe 中呈现的页面并没有变化. 原因 iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不...
本文将深入探讨如何解决`<iframe>`内容高度自适应以及设置高度后无法缩小的问题。 首先,我们需要了解`<iframe>`的基本属性。`src`属性用于指定要嵌入的页面URL,`width`和`height`属性分别定义了`<iframe>`的宽度...
为了解决这个问题,可以尝试在创建IFRAME元素时同时设置`src`属性,即在`appendChild`之前设置`ifr.src`。这样可以避免额外的请求。 例如: ```html <!DOCTYPE html> 动态生成IFRAME问题示例 var ifr = ...
这篇博客将深入探讨如何解决`iframe`的跨域问题。 首先,理解同源策略是至关重要的。同源策略是浏览器为保障用户数据安全而设置的一种机制,它限制了来自不同源的文档或脚本之间的交互。对于`iframe`,如果源(协议...
在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载...理解并妥善解决这些问题,可以使`iframe`在Vue应用中发挥出更大的作用。在设计和实现时,应尽量避免不必要的`iframe`使用,以保持应用的简洁性和可维护性。
7. 解决方案及测试:在遇到乱码问题时,尝试对参数进行编码处理,并在页面中设置正确的字符集声明。如果问题仍然存在,需要逐步排查,比如对比不同iframe内页面的字符集设置,检查是否有脚本错误等。在本例中,作者...
然而,当我们在`iframe`的`src`属性中通过`GET`请求传递包含中文参数时,可能会遇到乱码问题。这是因为浏览器在处理URL时,默认的编码方式可能不兼容中文字符,导致中文字符无法正确解析。 首先,我们需要理解这个...
在Web开发中,有时我们需要在父页面中操作或者获取嵌入的`iframe`子页面中的数据,例如在一些复杂的交互式应用或者多层框架结构的网页中。标题和描述所提及的是一个具体示例,展示了如何从父页面获取`iframe`子页面...
用户点击分页按钮时,更新`iframe`的`src`,同时传递新的页码参数,使得`InterE2EselectResult.jsp`加载对应页的数据。 这样的设计有优点也有缺点。优点在于,`iframe`可以隔离页面的样式和脚本,使分页操作不影响...
这时,一种可行的解决方案是重新打开`iframe`的`src`,以达到刷新的效果。以下是如何实现的代码: ```html <iframe src="https://example.com" name="ifrmname" id="ifrmid"></iframe> (document.getElementById('...
综上所述,解决`iframe`跨域问题需要对浏览器的同源策略有深入理解,并灵活运用JSONP、CORS、`document.domain`和`postMessage`等跨域通信方法。在实际项目中,应根据需求和安全考虑选择合适的方式。在给定的文件中...
在使用报表开发工具FineReport设计web报表时,经常需要嵌入iframe到页面中,并给iframe的src属性指定报表地址的同时传递参数值。在参数值、参数名称以及报表名称中,如果包含中文字符或特殊字符,直接传递可能会导致...
本示例“iframe子向父传值实例”旨在提供一个解决方案,帮助开发者应对跨域问题,从而实现iframe内部页面与外部页面的数据通信。 首先,我们来理解`iframe`的基本概念。`iframe`(Inline Frame)是HTML中的一个元素...
总结,`iframe`高度自适应是前端开发中的常见问题,解决这个问题需要根据实际情况选择合适的方法,包括利用CSS、JavaScript、`window.postMessage` API,以及处理IE浏览器的兼容性问题。在实际操作中,一定要注意...
父页面可以通过修改`iframe`的`src`属性,添加查询参数来传递数据。子页面可以在加载时解析URL获取这些参数。但这仅限于简单的字符串数据,并且不适用于频繁的数据交换。 4. **使用自定义事件**: 父页面可以创建...
【通用的iframe弹层插件】是一款专为网页设计者和开发者打造的高效工具,它致力于提供一个跨浏览器、兼容主流浏览器的iframe弹窗解决方案。这个插件的主要目的是在不刷新整个页面的情况下,通过iframe技术加载外部...
当我们在使用jQuery的`attr()`方法设置URL到`<iframe>`的`src`属性时,如果URL参数中包含`&`符号,jQuery会尝试对这些符号进行转义处理,这可能导致URL被错误地修改。在原文件描述中,作者通过实验发现,当使用双...
总的来说,`iframe`跨域通信和`postMessage`是现代Web开发中解决跨域问题的重要工具,它提高了用户体验,增强了网页间的交互能力,同时也带来了安全性和灵活性的提升。理解和掌握这一技术对于开发者来说至关重要,...
1. **函数定义**:`SetWinHeight`函数接收一个`iframe`对象作为参数。 2. **条件检查**:首先检查`document.getElementById`是否存在,确保DOM操作可用;然后检查当前`iframe`是否有效且浏览器不是Opera,这是因为...