最近突然用到了FrameSet传值
饶懵了,弄了好久!最后问了朋友才摸到点头绪
正赶上 现在 很迷 jQuery 就来总结下
看网上好像 相关的东西不太多
希望能给大家用上把
说先上来一段 FrameSet 层级的 代码吧
<FRAMESET name="main" frameSpacing=0 frameBorder=YES cols=180,* >
<FRAMESET name="leftArea" frameSpacing=0 frameBorder=NO rows="700,*" >
<FRAME name="left" src="left.html" scrolling=no />
</FRAMESET>
<FRAMESET name="rightArea" frameSpacing=0 frameBorder=NO rows="80,*" >
<FRAME name="rightTop" src="right_top.html" scrolling=no />
<FRAME name="CR1_TopFrame" src="right.html" scrolling=auto />
</FRAMESET>
</FRAMESET>
这里首先要说的是 这里需要有个name 用来找到对应的 frame ,id是可选的
现在 假定一种情况
要点击 left.html 页面,将里面的值传到rightTop页面去
这是 同辈兄弟页面间的传值
看网上的 写法是
window.parent.parent.frames["rightArea"].frames["rightTop"]
其实这么写是
错误的
其实根本不用找到 rightArea 这个 FrameSet ,直接 frames["rightTop"]就可以了
这里面 爬到最顶层,直接frames[目标frame的name] 就可以了
用jQuery的写法是
jQuery(window.parent.parent.frames["rightTop"].document)
这样就可以得到 这个页面了 之后 就可以像操作 jquery 对象一样操作了
普通 js 的写法是
window.parent.parent.frames["rightTop"].方法()
这里的方法 是 目标页面内的js 方法 ,不要只写名字,一定要加上()
而且还可以传参数
先写这些
以后再补
写完这帖子有段时间了,有用到了这里的东西,返回来看看,竟然发现自己都看不懂,先给自己两嘴巴,接下来补充点东西~
在得到 目标页面的JQuery对象 后通过 .find("选择器"); 就可以相应对象了~
如
window.parent.parent.frames["rightTop"].find("#thisID");
- 大小: 88.9 KB
分享到:
相关推荐
### JS (jQuery) 操作框架页面的关键知识点 在Web开发中,经常需要处理框架页面之间的交互,例如在父页面与子框架之间交换数据或调用函数等。本文将基于提供的内容,详细介绍如何使用JavaScript和jQuery来操作框架...
jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。在这个框架布局中,jQuery可能被用来处理框架之间的交互,比如当用户在左侧框架点击链接时,动态更新右侧框架的内容,或者实现...
3.iframe模式的可操作性较低,限制了UI界面设计和交互的创新。 相比之下,DIV布局是一种更加灵活和强大的网页布局方式,它可以自由控制整个页面的样式和DOM元素。该布局方式具有以下优点: 1.整个页面可以自由控制...
这个实例是关于如何通过一个按钮来控制`FrameSet`中的某个部分(比如左侧的`Frame`)进行隐藏或显示,并且在操作过程中配合图片的变换,提供更丰富的用户体验。尽管这个实例存在一些问题,如无法消除上边距以及...
实现手风琴效果通常需要JavaScript或者jQuery等库的支持。通过监听用户的点击事件,调整相应frame的大小,实现内容的隐藏与显示。例如,可以使用以下JavaScript代码: ```javascript function toggleAccordion...
综合以上知识点,实现“jQuery后台左侧伸缩菜单特效代码”需要理解jQuery的基本用法,熟练运用DOM操作、事件处理和CSS动画,并根据实际需求进行响应式设计。通过学习和实践,开发者可以创建出更加直观、用户友好的...
在本文中,我们将深入探讨jQuery框架(jQuery--frame--ziyuan)中涉及的几个关键知识点,特别是关于frameset对象的操作以及与scrollTop相关的技术。frameset是HTML中用于创建多窗口布局的元素,而在JavaScript和...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨jQuery中的提示功能,包括`alert`、`confirm`、`error`和`success`,并展示如何利用这些...
jQuery是一个JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互,使得JavaScript编程更为便捷。 此外,HTML还包含其他一些元素,如`<input>`(输入字段),它的`readonly`、`disabled`和`placeholder`属性...
jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和动画效果。在框架集中使用jQuery,我们可以更加方便地控制各个框架的行为,比如响应用户点击事件,实现弹出框效果。 例如,如果你希望在一个框架中...
jQuery控制frames及frame页面JS的方法主要讲述了使用jQuery技术操作frameset和frame页面的技术细节。在具体介绍方法之前,需要明确几个基本概念。 首先,frame是HTML中的一个框架元素,可以用于将浏览器窗口分割为...
jQuery的核心理念是“Write Less, Do More”,通过提供一系列便捷的API,开发者可以轻松地实现复杂的页面操作,如元素选择、DOM操作、效果和动画等。例如,通过一句简单的`$("selector").fadeIn()`,就能实现元素...
这种做法可以提升用户体验,因为当页面正在加载时,遮罩层会告知用户页面尚未准备好,避免了可能的混乱或误操作。 首先,我们来了解下核心组件: 1. **Div遮罩层**:在HTML中,`<div>` 是一个可自定义的块级元素,...
虽然这里提到了使用纯JavaScript实现Ajax,但通常我们会结合使用如jQuery这样的库。以下是基本的JavaScript实现: ```javascript function createXmlHttpRequest() { if (window.XMLHttpRequest) { return new ...
在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它提供了丰富的 API 来操作 DOM(文档对象模型)元素。在涉及到跨窗口交互时,尤其是在有 iframe 的场景下,我们需要知道如何通过 jQuery 获取并操作 iframe ...
例如,当鼠标指针处于可拖动位置时,文章中使用了自定义的`.cur`文件来表示拖动指针,代码为`th.css({'cursor':'/web/Page/frameset/images/splith.cur'});`。 - 在`mousemove`事件中,根据鼠标与表头边框线的位置...
此外,后台模板还可能包含一些常见的JavaScript库和框架,如jQuery、Vue.js或Angular.js,以实现动态交互和数据管理。CSS预处理器如Sass或Less也可能被用来编写更易于维护的样式代码。同时,模板可能还包含了对...
通过阅读源码,你可以学习到如何使用JavaScript和可能的库(如jQuery)来实现树形结构的渲染、节点的增删改查以及事件处理等功能。这对于提升你的JavaScript编程技巧和理解Web开发中的数据可视化技术是非常有价值的...
- **使用jQuery等库**:利用现成的库简化操作流程。 - **使用现代前端框架**:如React、Vue等,这些框架提供了更高级别的抽象,可以更容易地实现复杂的交互效果。 #### 六、注意事项 - **兼容性问题**:不同浏览器...
jQuery是一个JavaScript库,提供强大的DOM操作、选择器、事件处理等功能。jQuery UI是基于jQuery的扩展,提供诸如对话框、拖拽、改变大小等交互组件,增强了用户体验。 5. **闭包** 闭包是指一个函数能访问并操作...