1. Iframe里的页面的$(document).ready()未执行。解释如下:
IE只有在页面不是嵌入frame中的情况下才和Firefox等一样,先执行$(document).ready()的内容,再执行原来的onload方法。对于嵌入frame中的页面,也只是绑定在load事件上执行,所以自然是在原来的onload绑定的方法执行之后才轮到。
只好用onload了。参考文章:http://www.111cn.net/wy/jquery/46648.htm
2.Iframe内页面与父页面交互。
frame内网页的function如何控制父类网页
jquery方法:
1)在iframe中查找父页面元素的方法:(同理class)
$('#id', window.parent.document)
2)在iframe中调用父页面中定义的方法和变量:
parent.method
parent.value
3)
在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(”:text”);
在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(”:text”);
js方法:
父窗口操作IFRAME:window.frames["iframeSon"].document
IFRAME操作父窗口: window.parent.document
来源:http://zhidao.baidu.com/question/570687749.html
分享到:
相关推荐
总结来说,`iframe`是一个强大的网页设计元素,它可以方便地将其他网页内容嵌入到当前页面中,通过调整其属性,可以实现定制化的展示效果。然而,在使用`iframe`时,也需要考虑到潜在的技术限制和用户体验因素。对于...
**如何使用iframe** 在网页设计和开发中,`iframe`(Inline Frame)是一种非常有用的HTML元素,它允许我们在一个HTML文档中嵌入另一个HTML文档。`iframe`为开发者提供了将不同网页内容集成到同一页面的能力,例如...
在网页设计中,为了提供更好的用户体验,我们常常需要在...总结,通过结合`iframe`和Bootstrap,我们可以创建一个无刷新切换页面的导航系统,提高用户体验。然而,我们也需要关注性能和安全性,确保应用的稳定和可靠。
总结来说,使用Iframe实现TAB页面切换是一种常见的网页设计手法,它结合HTML、CSS和JavaScript,可以有效地组织和展示内容。在实际应用中,结合Spring框架的Web服务,可以构建出功能丰富的交互式用户界面。
// 也可以使用getElementById window.frames["ifrMapCompanyDetails"].document.getElementById("txtAddress").value = '地址'; ``` #### 3. 在服务器端设置`iframe`内部元素的值 有时候我们可能需要在服务器端...
在网页开发中,`iframe`...总结,理解和掌握`iframe`的跨域解决方案以及自适应策略,对于开发高效且用户体验良好的Web应用至关重要。在实际应用中,还需要注意安全性、性能优化等问题,以提供更优质的网页服务。
在上面的例子中,使用了`onload`事件来监听`iframe`内容加载完成,然后通过`document.all['myframe']`获取到`iframe`元素,并通过`myframe.document.body.scrollHeight`获取内部文档的实际高度,最后将这个高度设置...
总结来说,lhgDialog结合跨iframe框架使用,需要理解JavaScript的跨域通信机制,利用`window.postMessage`来传递对话框的配置信息,然后在子页面中监听并处理这些信息,从而实现在iframe内打开lhgDialog的功能。...
至于隐藏和重现iframe,可以使用JavaScript的`style.display`属性。将`display`设置为`none`可以隐藏iframe,设置为`block`则使其重新显示: ```javascript var leftIframe = document.getElementById('leftIframe'...
总结一下,解决"Iframe中页面显示不全"的问题,需要关注以下几点: 1. 确保`<iframe>`的`width`和`height`属性设置正确,至少应与嵌入内容的尺寸相匹配。 2. 在`<div>`中嵌套`<iframe>`时,调整`<div>`的尺寸以容纳`...
本文将详细介绍如何使用JavaScript来获取`iframe`元素,并进行相关的操作,包括在不同浏览器环境下的兼容性处理。 #### 二、IE下访问操作`iframe`内容 在Internet Explorer浏览器中,可以通过多种方式来访问`iframe...
总结来说,禁用`iframe`内的右键菜单主要涉及`iframe`元素的选择和`contextmenu`事件的监听与处理。通过JavaScript的事件监听和事件处理函数,我们可以轻松实现这一功能,提供更安全、可控的用户体验。
在`iframe`内的页面,我们可以使用`parent`对象来访问父页面的全局变量和函数。例如,如果在`iframe`内想要调用父页面的一个名为`parentFunction`的函数,可以这样写: ```javascript parent.parentFunction(); ```...
总结起来,解决DIV被IFRAME遮挡的方法有多种,从调整DIV的CSS样式,到调整IFRAME元素本身的属性,再到通过参数控制IFRAME的显示方式,都可以尝试。当然,在设计页面布局时,建议尽量避免复杂的层次结构,并且注意...
**总结** "可以左右拖动的iframe框架"是网页开发中的一种实用技巧,它结合了iframe的功能性和JavaScript的交互性,为用户提供了一种个性化的浏览体验。通过理解和应用这些知识点,开发者可以创建出更加动态、用户...
总结一下,实现`iframe`自适应高度的关键在于: 1. 使用JavaScript动态获取`iframe`内容的`scrollHeight`。 2. 在`iframe`的`onload`事件中调用更新高度的函数。 3. 跨域情况下,利用`postMessage`和`message`事件...
总结,通过以上步骤,我们可以利用jQuery轻松实现iframe页面的切换功能。这种方法不仅可以提供灵活的内容展示,还可以优化页面性能,因为只需要加载用户当前关注的内容。在实际项目中,可以根据需要进行调整,例如...
### Flex IFrame 控件配置与使用详解 #### 一、引言 随着Web技术的发展,Flex作为一种强大的RIA(Rich Internet Application)开发框架,被广泛应用于构建高性能的富互联网应用。然而,在某些场景下,需要在Flex...
由于 iframe 的加载过程是异步的,因此我们需要使用合适的方法来判断 iframe 是否加载完成。本文将介绍几种判断 iframe 是否加载完成的方法。 方法一:使用 onload 事件 在 HTML 中,iframe 元素支持 onload 事件...
总结来说,实现`iframe`根据页面内容自适应高度和宽度,可以通过CSS、JavaScript以及第三方库如`iframe-resizer`来完成。不同的方法适用于不同的场景,开发者可以根据实际需求选择合适的方式。在处理跨域问题时,第...