`
wuyafeng123
  • 浏览: 24347 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

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();

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

要用还是用上面的那个好使。

分享到:
评论

相关推荐

    详解iframe的src指向的内容不刷新的解决办法

    修改这个页面内容提交后,iframe 中呈现的页面并没有变化. 原因 iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    本文将深入探讨如何解决`&lt;iframe&gt;`内容高度自适应以及设置高度后无法缩小的问题。 首先,我们需要了解`&lt;iframe&gt;`的基本属性。`src`属性用于指定要嵌入的页面URL,`width`和`height`属性分别定义了`&lt;iframe&gt;`的宽度...

    动态生成的IFRAME,设置SRC时的问题解决分析

    为了解决这个问题,可以尝试在创建IFRAME元素时同时设置`src`属性,即在`appendChild`之前设置`ifr.src`。这样可以避免额外的请求。 例如: ```html &lt;!DOCTYPE html&gt; 动态生成IFRAME问题示例 var ifr = ...

    iframe 跨域解决方法

    这篇博客将深入探讨如何解决`iframe`的跨域问题。 首先,理解同源策略是至关重要的。同源策略是浏览器为保障用户数据安全而设置的一种机制,它限制了来自不同源的文档或脚本之间的交互。对于`iframe`,如果源(协议...

    在vue中实现嵌套页面(iframe)

    在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载...理解并妥善解决这些问题,可以使`iframe`在Vue应用中发挥出更大的作用。在设计和实现时,应尽量避免不必要的`iframe`使用,以保持应用的简洁性和可维护性。

    iframe下页面传参数为乱码问题探讨

    7. 解决方案及测试:在遇到乱码问题时,尝试对参数进行编码处理,并在页面中设置正确的字符集声明。如果问题仍然存在,需要逐步排查,比如对比不同iframe内页面的字符集设置,检查是否有脚本错误等。在本例中,作者...

    动态加载iframe时get请求传递中文参数乱码解决方法

    然而,当我们在`iframe`的`src`属性中通过`GET`请求传递包含中文参数时,可能会遇到乱码问题。这是因为浏览器在处理URL时,默认的编码方式可能不兼容中文字符,导致中文字符无法正确解析。 首先,我们需要理解这个...

    iframe父页面获取子页面参数的方法

    在Web开发中,有时我们需要在父页面中操作或者获取嵌入的`iframe`子页面中的数据,例如在一些复杂的交互式应用或者多层框架结构的网页中。标题和描述所提及的是一个具体示例,展示了如何从父页面获取`iframe`子页面...

    使用iframe进行分页查询

    用户点击分页按钮时,更新`iframe`的`src`,同时传递新的页码参数,使得`InterE2EselectResult.jsp`加载对应页的数据。 这样的设计有优点也有缺点。优点在于,`iframe`可以隔离页面的样式和脚本,使分页操作不影响...

    iframe如何刷新的三种实现方案

    这时,一种可行的解决方案是重新打开`iframe`的`src`,以达到刷新的效果。以下是如何实现的代码: ```html &lt;iframe src="https://example.com" name="ifrmname" id="ifrmid"&gt;&lt;/iframe&gt; (document.getElementById('...

    iframe 跨域

    综上所述,解决`iframe`跨域问题需要对浏览器的同源策略有深入理解,并灵活运用JSONP、CORS、`document.domain`和`postMessage`等跨域通信方法。在实际项目中,应根据需求和安全考虑选择合适的方式。在给定的文件中...

    Web报表FineReport页面如何传递中文参数

    在使用报表开发工具FineReport设计web报表时,经常需要嵌入iframe到页面中,并给iframe的src属性指定报表地址的同时传递参数值。在参数值、参数名称以及报表名称中,如果包含中文字符或特殊字符,直接传递可能会导致...

    iframe子向父传值实例.rar

    本示例“iframe子向父传值实例”旨在提供一个解决方案,帮助开发者应对跨域问题,从而实现iframe内部页面与外部页面的数据通信。 首先,我们来理解`iframe`的基本概念。`iframe`(Inline Frame)是HTML中的一个元素...

    iframe高度自适应

    总结,`iframe`高度自适应是前端开发中的常见问题,解决这个问题需要根据实际情况选择合适的方法,包括利用CSS、JavaScript、`window.postMessage` API,以及处理IE浏览器的兼容性问题。在实际操作中,一定要注意...

    iframe父向子传值实例.rar

    父页面可以通过修改`iframe`的`src`属性,添加查询参数来传递数据。子页面可以在加载时解析URL获取这些参数。但这仅限于简单的字符串数据,并且不适用于频繁的数据交换。 4. **使用自定义事件**: 父页面可以创建...

    通用的iframe弹层插件

    【通用的iframe弹层插件】是一款专为网页设计者和开发者打造的高效工具,它致力于提供一个跨浏览器、兼容主流浏览器的iframe弹窗解决方案。这个插件的主要目的是在不刷新整个页面的情况下,通过iframe技术加载外部...

    jquery attr 设定src中含有&amp;(宏)符号问题的解决方法

    当我们在使用jQuery的`attr()`方法设置URL到`&lt;iframe&gt;`的`src`属性时,如果URL参数中包含`&`符号,jQuery会尝试对这些符号进行转义处理,这可能导致URL被错误地修改。在原文件描述中,作者通过实验发现,当使用双...

    iframe跨域通信--html5.postmessage

    总的来说,`iframe`跨域通信和`postMessage`是现代Web开发中解决跨域问题的重要工具,它提高了用户体验,增强了网页间的交互能力,同时也带来了安全性和灵活性的提升。理解和掌握这一技术对于开发者来说至关重要,...

    iframe_自适应高度(简单好用).txt

    1. **函数定义**:`SetWinHeight`函数接收一个`iframe`对象作为参数。 2. **条件检查**:首先检查`document.getElementById`是否存在,确保DOM操作可用;然后检查当前`iframe`是否有效且浏览器不是Opera,这是因为...

Global site tag (gtag.js) - Google Analytics