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

ifram父子页面的一些操作

    博客分类：
  • js
 
阅读更多
1 在iframe子页面获取父页面元素  $('#objId', parent.document); 

2 在父页面 获取iframe子页面的元素  $("#objid",document.frames('iframename').document) 

3 子页面调用父页面js  parent.jsMethodName();

4.子窗口加载完毕后的操作 $('#iframeid').load(function(){  $('#iframeid').contents().find("你要查找的元素,可以是id,节点,Class"). XX  });  这样可以确保子窗口加载完毕后,运行js
分享到：
| oracle树形结构,结合dtree插件使用显示树 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    demo_DEMO_子页面刷新父页面iframe_

    在父子页面关系中，IFrame中的页面（子页面）与包含它的页面（父页面）可以进行一定程度的交互。 描述“子页面刷新父页面”指出我们要解决的是从子页面出发，如何刷新包含它的父页面。这通常通过JavaScript来实现，...

    Iframe获取父页面的变量和控件

    总结，通过 `Iframe` 实现父子页面的交互主要依赖于 `window.parent` 对象以及各种事件机制。在处理跨域问题时，`postMessage` 是一个可靠的选择。在实际开发中，要确保遵循同源策略，保护用户数据的安全。

    ifram中的页面刷新方法

    第一种方法简单直接，适合子页面内部操作；第二种方法利用了跨窗口通信，灵活性较高；第三种方法则结合了服务器端和客户端的交互，适用于需要服务器端参与的刷新场景。选择哪种方法取决于具体的需求和应用场景。

    js操作iframe的一些知识

    这个“js操作iframe的一些知识”主题涵盖了如何利用JavaScript与iframe进行交互，包括创建、访问、修改以及通信等多个方面。下面我们将深入探讨这些关键知识点。 1. **创建iframe**：首先，你需要在HTML中声明一个...

    ifram自适应高度兼容性非常强

    例如，如果`<iframe>`内部加载了一个较长的文档或者动态生成了一些额外的内容，我们希望`<iframe>`能够自动扩展其高度来完全显示这些内容，而不是出现滚动条或者留下空白区域。 ##### 2. 基本思路 要实现`<iframe>`...

    js实现ifram取父窗口URL地址的方法

    在Web开发中，有时需要在iframe内获取其父页面的URL地址。本文介绍的JavaScript方法，就是如何在iframe中实现获取父窗口URL地址的过程。这一过程利用了JavaScript中的window.parent对象，它是iframe元素与父窗口之间...

    iframe子父页面调用js函数示例.docx

    1. 利用 JS 对 iframe 父子（内外）页面进行操作的方法教程 2. JS 中 iframe 调用父页面的方法 3. iframe 子页面与父页面在同域或不同域下的 js 通信 4. JS 中 iframe 之间传值及子页面与父页面应用 5. javascript ...

    用js互相调用iframe页面内的js函数

    在IE、Firefox和Chrome等现代浏览器中，有一些不同的处理方式。 首先，获取`iframe`页面的引用是实现函数调用的第一步。这可以通过`document.getElementById`方法完成，传入`iframe`元素的ID来获取该元素的引用。...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    2. 在父页面中，通过`$.dialog`或`$.window`方法打开子页面，可以设置一些参数，如宽度、高度、内容URL等。 例如： ```javascript $.window({ title: '子页面', width: 500, height: 400, href: 'subPage.html'...

    frame之间以及子页面和父页面间参数传递

    ### Frame之间及子页面与父页面间的参数传递 在Web开发中，特别是在使用JSP（Java Server Pages）技术时，经常需要实现不同`frame`之间的数据交互或子页面与父页面之间的参数传递。这种功能在实际应用中非常常见，...

    JS操作iframe里的dom(实例讲解)

    在实际开发中，需要注意跨域问题，因为出于安全考虑，不同源的`iframe`之间不能自由地进行DOM操作和数据交互，除非两个页面都设置了正确的`CORS`策略。此外，`iframe`的加载可能有延迟，因此在操作`iframe`内的元素...

    ifram jQuery-online xuanzuowei(动态加载) seat

    【标题】"ifram jQuery-online xuanzuowei(动态加载) seat" 涉及的知识点主要集中在网页开发中的框架（iframe）、jQuery库以及动态加载的选座功能。在这个项目中，开发者可能正在创建一个在线售票系统或者某种类型的...

    关于Iframe父页面与子页面之间的相互调用

    iframe元素就是文档中的文档。 ...但是，如果一个文档定义了一个或者多个框架(即：包含一个或者多个frame或者iframe标签)，...父页面fu.html: <!DOCTYPE html> <html lang="en"> <head> <meta cha

    嵌入式iframe子页面与父页面js通信的方法

    首先，我们来看同域下的父子页面通信。同域意味着两个页面的源（协议、主机名和端口）是相同的，因此它们可以共享JavaScript环境和DOM对象，通信相对简单。 1. **父页面调用子页面的方法**： 在父页面中，可以通过...

    Iframe 框架自适应被嵌入页面高度

    这涉及到对DOM操作、事件监听、以及跨域通信的理解。同时，我们还需要关注浏览器兼容性，确保在不同的环境下都能正常工作。在实际应用中，可以根据项目需求进行适当的优化和调整，比如增加加载状态的判断，避免不必...

    jquery fancybox弹出层插件支持Ajax,ifram

    jquery fancybox弹出层插件支持Ajax,ifram jquery fancybox弹出层插件支持Ajax,ifram jquery fancybox弹出层插件支持Ajax,ifram jquery fancybox弹出层插件支持Ajax,ifram

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西，突有心血来潮，想在里面嵌套一个微信网页版，下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法，一起看看吧

    iframe 的用法与注意事项

    - HTML5引入了一些新的`iframe`属性，如`sandbox`用于安全地加载不受信任的内容，`srcdoc`直接在`iframe`中定义HTML内容，以及`seamless`让`iframe`看起来像是父页面的一部分。 7. **SEO 考虑**： - 搜索引擎爬虫...

    jquery 查找iframe父级页面元素的实现代码

    如果遇到跨域问题，可能需要在服务器端做一些配置，比如设置CORS（跨源资源共享）策略，从而允许父页面访问iframe中的内容。 4. DOM操作和安全： 在使用jQuery进行DOM操作时，需要关注安全问题。错误的DOM操作可能...

Magicbox
Global site tag (gtag.js) - Google Analytics