IE中iframe / frame 与AJAX混用时的冲突！ - ITeye问答

问答首页 → Web前端技术

0 0

IE中iframe / frame 与AJAX混用时的冲突！10

login页面中我使用了一个验证框架formValidator.2.2.1，是基于jquery的ajax验证，main页面中使用了iframe，在火狐中一切运行正常！

但是，在ie中，打开main.html，然后点击login，然后再点击page2，这是page2会弹出新窗口，怎么才能不让他弹出新窗口呢？

所有的页面和验证用的框架，我打包在附件，请大家帮我看看怎么解决这个问题呢？

下面有附件。

2011年9月18日 11:42

Jackie_GP
2
0 0 2

login-1.rar (75.1 KB)
下载次数: 21

1个答案按时间排序按投票排序

0 0

	<script>
		document.documentElement.onclick = function(){
			alert('name: '+self.parent.frames[1].name+', id: '+self.parent.frames[1].id);
		}
	</script>

给menu页面加上上面的alert就很明显了，问题出在validationEngine.js身上，这东西一执行就把login页面的name属性修改成data-jqv。
解决办法是把iframe的name和a的target改成data-jqv，或者在menu页面加个click事件来复原：

	<script>
		document.documentElement.onclick = function(){
			//alert('name: '+self.parent.frames[1].name+', id: '+self.parent.frames[1].id);
			self.parent.frames[1].name = 'main';
		}
	</script>

2011年9月19日 11:41

axiheyhey
142
0 0 0

添加评论

相关推荐

MFC ie webbrowser iframe/frame: 标题"MFC ie webbrowser iframe/frame"指向的主题是关于如何在MFC应用程序中使用IE WebBrowser控件，并特别关注如何处理iframe框架以及在其中交互。Iframe（Inline Frame）是一种HTML元素，用于在页面中嵌入另一个...

frameset/frame/iframe实例演示: 里面包含了frameset，frame以及iframe的一些技术的演练，希望对大家有帮助，如果有什么补充或疑问，可以加QQ374053115进行和我讨论交流，互相进步！里面代码均手写，大致功能都已经实现，如果错误欢迎指出！

FRAME与IFRAME的使用方法与区别: ### FRAME与IFRAME的使用方法与区别 #### 框架的基本概念在Web开发领域，`FRAME`与`IFRAME`都是用来展示多个文档的容器元素，但它们的工作方式有所不同。`FRAME`是一种早期的技术，它允许开发者在一个HTML页面中...

iframe与frame的区别: 在选择使用`frame`还是`iframe`时，需要考虑兼容性问题，因为`frame`在一些现代浏览器中可能不被支持，而`iframe`则更为通用。同时，搜索引擎优化（SEO）也是需要考虑的因素，`frame`中的内容可能不容易被搜索引擎...

frame与frame之间如何用JavaScript传值: 这里的`frameName`是你在`<frame>`或`<iframe>`标签中设置的`name`属性的值。例如，如果有一个名为`myFrame`的框架，可以使用`parent.frames['myFrame']`来访问。在实际应用中，你可能需要获取或设置框架内元素的...

Iframe模拟Jquery.Ajax: 通过深入理解这些知识点，并结合提供的"Iframe模拟Ajax-经典"压缩包中的代码示例和文档，你可以更有效地掌握如何在面临同源策略限制时，使用Iframe来模拟Ajax请求，实现跨域数据交互。这将有助于你在开发过程中解决...

不用ajax也可以达到不刷新页面:  请输入用户名和密码：</h2> <!... </p> ... <iframe src="" style="display:none;" name="myframe" id="myframe"></iframe> </body>

解决ASP.NET AJAX在frame及iframe中跨域访问的问题: 1、为ScriptManager添加脚本引用，不从ScriptResource.axd中加载MicrosoftAjax.js脚本，而是直接加载 <asp:ScriptReference Name="MicrosoftAjax.js" ScriptMode="auto" Path="~/ScriptLibrary/System.Web....

ios 不支持 iframe 的完美解决方法(兼容iOS&安卓): 在iOS中，当`iframe`内的子页面高度超过父页面时，若子页面触发弹框，弹框可能会出现在视口下方，因为它的位置是相对于子页面而不是视口进行定位。这在Android系统中通常不会发生，因此开发者需要采取特定的策略来...

fileUpload(兼容IE的Ajax上传图片): "fileUpload(兼容IE的Ajax上传图片)"是一个专为解决浏览器兼容性问题而设计的解决方案，它确保在包括IE8在内的较旧版本Internet Explorer浏览器中也能实现Ajax方式的图片上传。 Ajax（Asynchronous JavaScript and ...

IE7 Ajax跨域问题: 标题 "IE7 Ajax跨域问题" 涉及到的是在使用Ajax技术在Internet Explorer 7（IE7）浏览器中处理跨域请求时遇到的挑战。在Web开发中，Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下与服务器...

弹出DIV可拖动窗口示例(编辑窗口/iframe/等待/确认): 在弹出窗口中使用iframe，可以加载外部资源，比如网页、表单、视频或其他互动内容，使弹出窗口具有更多功能，且与主页面内容分离，互不影响。 4. **等待/确认**：这部分可能涉及到两种常见的用户交互模式。"等待...

多个iframe，显示其中一个frame中的div，并处于最上层显示: 在网页设计和开发中，有时候我们需要处理多个`iframe`（内联框架）并实现特定的交互效果，例如只显示其中一个`iframe`中的`div`元素，并确保它在所有其他元素之上，即处于最上层显示。这样的需求通常出现在需要创建...

asp.net 中使用iframe动态加载页面: ASP.NET 中使用 iframe 动态加载页面 ASP.NET 中使用 iframe 动态加载页面是指在 ASP.NET 应用程序中使用 iframe 元素来加载外部页面或资源的技术。这种技术可以使得开发者更方便地在应用程序中嵌入外部资源，提高...

java跨全域兼容ie/ff/chrome浏览器多文件上传(原创): 在IT行业中，跨域文件上传是一项常见的需求，尤其是在开发Web应用程序时。本示例通过"java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)"的标题，我们可以看出这是一个解决浏览器兼容性问题并实现跨域文件上传的...

ajax iframe上传.: 结合两者，AJAX与iframe可以实现异步文件上传，这种方法特别适用于处理大文件或需要在上传过程中显示进度的场景。下面将详细介绍这一技术。首先，为什么需要使用AJAX与iframe进行文件上传呢？传统的表单提交方式会...

在iframe、frame之间，js的相互访问、修改: 当我们谈论在`iframe`、`frame`之间通过JavaScript进行相互访问和修改时，涉及到的知识点主要包括DOM操作、跨域安全、同源策略以及一些特殊的技术和技巧。 1. 同源策略：同源策略是浏览器为了保障用户信息安全而...

vuex-iframe-sync-iframe /窗口之间的Vuex状态同步。-Vue.js开发: :sparkles:功能：支持在加载iframe时进行iframe / window同步初始化同步，以根据您的特定需求配置同步行为:wrench:要求Vue.js（v2.0.0 +）Vuex（v2.1.0 +）注意window.postMessage对消息有限制，类似于JSON.parse...

关于Ajax与iframe及target的问题: 本文将深入探讨Ajax与iframe的交互，以及如何利用它们来实现特定的功能，特别是针对描述中提到的“target”问题。首先，让我们了解Ajax的基本概念。Ajax是一种在不重新加载整个网页的情况下，能够更新部分网页的...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics