`

js跨frame操作

阅读更多

页内存在多个frame,即多个window对象时。如存在一个top frame 和一个name属性为test的子frame。

在top frame中对子frame进行Dom操作

 

window.frames["test"].document

 在ziframe中对top farme 进行Dom操作

 

window.parent.document

 iframe里的js要操作父级窗口的dom,必须搞懂几个对象:

parent是父窗口(如果窗口是顶级窗口,那么parent==self==top),

top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),

self是当前窗口(等价window)

分享到:
评论

相关推荐

    javascript 跨frame时间控件

    JavaScript跨frame时间控件是一种在网页中实现时间控制功能的技术,尤其适用于多frame或iframe环境。在这样的场景下,开发者可能需要在不同的frame之间共享时间信息或者同步时间操作,例如计时器、倒计时或者时间...

    跨frame操作dom元素

    6. **使用库和工具**:一些JavaScript库如jQuery提供了一些方便的方法来简化跨frame操作。例如,jQuery的`contents()`方法可以获取iframe的文档对象,然后可以像操作常规DOM一样操作其中的元素。 了解了这些技术后...

    跨Frame下拉菜单

    在网页设计中,"跨Frame下拉菜单"是一种常见的交互元素,它允许用户在一个框架(frame)中的下拉菜单选择,而操作或效果会在另一个框架中显示。这种设计模式常用于构建多窗口或多面板的网页布局,提高用户体验,使...

    跨frame拖拽对象实现的例程

    3. **权限管理**:由于跨frame操作涉及到安全问题,浏览器会阻止默认的跨frame拖放行为。开发者需要在目标frame中使用`allow`属性或者通过JavaScript设置`window.frames`的权限,允许来自特定源的拖放事件。 4. **...

    实现跨frame的js加载xml动态生成的菜单

    标题提到的"实现跨frame的js加载xml动态生成的菜单"是一个解决方案,它利用JavaScript(js)和XML(Extensible Markup Language)来创建一个可以在多个iframe之间共享的动态菜单。这个技术尤其适用于构建复杂的Web...

    js操作frame进行消息提示

    总结来说,"js操作frame进行消息提示"是一个关于JavaScript跨框架通信的实践技术,对于前端开发者理解和构建复杂交互的网页应用至关重要。通过学习和掌握这一技术,开发者能够创建出更加动态和响应式的网页,提升...

    frame一个跨平台的以太坊提供者接口

    Frame是一个专为以太坊生态系统设计的跨平台提供商接口,它允许开发者在不同的操作系统和环境中与以太坊网络进行交互。这个接口的核心目标是提供一个标准化的方法,使得以太坊应用,无论是在桌面、移动还是Web环境,...

    js中top parent frame概述及案例应用.docx

    在JavaScript中,`top`、`parent`和`frame`是用于处理页面中框架(frames)...理解并熟练运用`top`、`parent`和`frame`,能够帮助开发者在复杂的框架环境中流畅地编写JavaScript代码,实现跨框架的数据交互和界面控制。

    在iframe、frame之间,js的相互访问、修改

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

    在js中使用with语句中跨frame的变量引用问题

    如果在`with`语句中引用了跨`frame`的变量,JavaScript引擎会首先尝试在当前`with`语句指定的对象中寻找该变量,如果没有找到,就会向上遍历作用域链,直到找到该变量或者到达全局作用域。 在问题描述中,作者遇到...

    frame 的 parent 是谁?

    这在跨框架通信时非常有用,比如当需要从一个`frame`操作另一个`frame`的内容时。例如,如果我们想要从`leftFrame`获取`rightFrame`的内容,可以这样做: ```javascript var rightFrame = window.parent.document....

    在js中使用"with"语句中跨frame的变量引用问题

    然而,`with`语句在某些情况下可能会引起混淆,尤其是在涉及跨frame的变量引用时。`frame`是HTML中的一个概念,它可以包含其他HTML文档,形成一个页面内的嵌套结构。每个`frame`都有自己的作用域,包含独立的...

    对frameset、frame、iframe的js操作.pdf

    本文主要探讨了如何使用JavaScript来操作HTML中的frameset、frame和iframe元素,这些元素在构建多页面布局和实现页面间交互时非常常见。在HTML中,frameset定义了一个框架集,而frame和iframe则用于嵌入单独的HTML...

    js操纵跨frame的三级联动select下拉选项实例介绍

    #### 跨frame通信 frame结构下,各个frame之间的通信是实现联动的关键。可以使用window.parent, ***, window.frameElement等属性来引用其他frame中的对象。当一个frame中的下拉框选项发生变化时,需要将变化的信息...

    frame.js:JavaScript序列编辑器

    6. **兼容性**: `frame.js`考虑到跨浏览器的兼容性,尽可能支持各种现代浏览器,以确保动画在不同的设备和平台上的表现一致。 ### 使用示例 ```javascript // 创建一个新项目 var project = new framejs.Project()...

    如何在框架(frame)页面之间使用appendChild()?

    然而,务必注意,跨框架操作可能会受到浏览器的安全限制,因此在实际应用中,需要根据具体情况进行适配和优化。同时,了解并遵循良好的Web开发规范,如合理的HTML结构、语义化标签以及高效的JavaScript编写,都是...

    unigui_ajax Post Callback -返回参数 HTMLFrame 事件_1

    3. **HTMLFrame与数据交互**:将服务器返回的数据插入到HTMLFrame中,可能需要使用JavaScript操作DOM。 4. **监听HTMLFrame事件**:绑定事件监听器,如`onload`事件,以便在HTMLFrame内容加载完成后执行某些操作。 5...

    树形框架(已结合frame 非常好用)

    然而,使用`frame`也存在一些潜在问题,如SEO优化困难,因为搜索引擎可能无法正确抓取和索引跨`frame`的内容。此外,`frame`在现代Web开发中逐渐被淘汰,更多地被单页应用(SPA)和组件化框架(如React、Vue.js)所...

    unigui_ztree_frame

    6. **异步操作**:由于是Web应用,可能需要处理异步加载和更新数据的问题,如使用 AJAX 技术来提升用户体验。 7. **多平台支持**:UniGUI 支持多种平台,因此理解跨平台开发的注意事项和技巧也很重要。 8. **代码...

    纯js弹出层layer跨Iframe完美回调

    Layer插件通过巧妙的设计,突破了这一限制,实现了跨Iframe的回调功能,这意味着在一个Iframe中的操作可以影响到另一个Iframe或主页面,增强了应用程序的交互性。 在实际应用中,我们可以看到以下几个关键文件: 1...

Global site tag (gtag.js) - Google Analytics