`
mmmzzc
  • 浏览: 111706 次
  • 性别: Icon_minigender_1
  • 来自: 黑龙江
社区版块
存档分类
最新评论

jQuery 操作FrameSet

 
阅读更多
最近突然用到了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)操作框架页面

    ### JS (jQuery) 操作框架页面的关键知识点 在Web开发中,经常需要处理框架页面之间的交互,例如在父页面与子框架之间交换数据或调用函数等。本文将基于提供的内容,详细介绍如何使用JavaScript和jQuery来操作框架...

    frameset 分割框架左右伸缩的原始版本

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。在这个框架布局中,jQuery可能被用来处理框架之间的交互,比如当用户在左侧框架点击链接时,动态更新右侧框架的内容,或者实现...

    frameset与div布局的优缺点

    3.iframe模式的可操作性较低,限制了UI界面设计和交互的创新。 相比之下,DIV布局是一种更加灵活和强大的网页布局方式,它可以自由控制整个页面的样式和DOM元素。该布局方式具有以下优点: 1.整个页面可以自由控制...

    一个按钮调整FrameSet的实例

    这个实例是关于如何通过一个按钮来控制`FrameSet`中的某个部分(比如左侧的`Frame`)进行隐藏或显示,并且在操作过程中配合图片的变换,提供更丰富的用户体验。尽管这个实例存在一些问题,如无法消除上边距以及...

    经典frameset 手风琴后台模式

    实现手风琴效果通常需要JavaScript或者jQuery等库的支持。通过监听用户的点击事件,调整相应frame的大小,实现内容的隐藏与显示。例如,可以使用以下JavaScript代码: ```javascript function toggleAccordion...

    jQuery后台左侧伸缩菜单特效代码

    综合以上知识点,实现“jQuery后台左侧伸缩菜单特效代码”需要理解jQuery的基本用法,熟练运用DOM操作、事件处理和CSS动画,并根据实际需求进行响应式设计。通过学习和实践,开发者可以创建出更加直观、用户友好的...

    jquery--frame--ziyuan

    在本文中,我们将深入探讨jQuery框架(jQuery--frame--ziyuan)中涉及的几个关键知识点,特别是关于frameset对象的操作以及与scrollTop相关的技术。frameset是HTML中用于创建多窗口布局的元素,而在JavaScript和...

    jquery提示页面

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨jQuery中的提示功能,包括`alert`、`confirm`、`error`和`success`,并展示如何利用这些...

    Html_CSS_JS_Jquery总结.doc

    jQuery是一个JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互,使得JavaScript编程更为便捷。 此外,HTML还包含其他一些元素,如`&lt;input&gt;`(输入字段),它的`readonly`、`disabled`和`placeholder`属性...

    框架集弹出框

    jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和动画效果。在框架集中使用jQuery,我们可以更加方便地控制各个框架的行为,比如响应用户点击事件,实现弹出框效果。 例如,如果你希望在一个框架中...

    jQuery控制frames及frame页面JS的方法

    jQuery控制frames及frame页面JS的方法主要讲述了使用jQuery技术操作frameset和frame页面的技术细节。在具体介绍方法之前,需要明确几个基本概念。 首先,frame是HTML中的一个框架元素,可以用于将浏览器窗口分割为...

    前端开发工具包

    jQuery的核心理念是“Write Less, Do More”,通过提供一系列便捷的API,开发者可以轻松地实现复杂的页面操作,如元素选择、DOM操作、效果和动画等。例如,通过一句简单的`$("selector").fadeIn()`,就能实现元素...

    页面加载div遮罩层

    这种做法可以提升用户体验,因为当页面正在加载时,遮罩层会告知用户页面尚未准备好,避免了可能的混乱或误操作。 首先,我们来了解下核心组件: 1. **Div遮罩层**:在HTML中,`&lt;div&gt;` 是一个可自定义的块级元素,...

    有关于整体刷新和局部刷新frameset窗口

    虽然这里提到了使用纯JavaScript实现Ajax,但通常我们会结合使用如jQuery这样的库。以下是基本的JavaScript实现: ```javascript function createXmlHttpRequest() { if (window.XMLHttpRequest) { return new ...

    jquery获取iframe中的dom对象(两种方法)

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它提供了丰富的 API 来操作 DOM(文档对象模型)元素。在涉及到跨窗口交互时,尤其是在有 iframe 的场景下,我们需要知道如何通过 jQuery 获取并操作 iframe ...

    JQuery拖动表头边框线调整表格列宽效果代码

    例如,当鼠标指针处于可拖动位置时,文章中使用了自定义的`.cur`文件来表示拖动指针,代码为`th.css({'cursor':'/web/Page/frameset/images/splith.cur'});`。 - 在`mousemove`事件中,根据鼠标与表头边框线的位置...

    好看的后台模板

    此外,后台模板还可能包含一些常见的JavaScript库和框架,如jQuery、Vue.js或Angular.js,以实现动态交互和数据管理。CSS预处理器如Sass或Less也可能被用来编写更易于维护的样式代码。同时,模板可能还包含了对...

    一个好用的js树 梅花雪MzTreeView

    通过阅读源码,你可以学习到如何使用JavaScript和可能的库(如jQuery)来实现树形结构的渲染、节点的增删改查以及事件处理等功能。这对于提升你的JavaScript编程技巧和理解Web开发中的数据可视化技术是非常有价值的...

    关于Frame折叠显示的资料

    - **使用jQuery等库**:利用现成的库简化操作流程。 - **使用现代前端框架**:如React、Vue等,这些框架提供了更高级别的抽象,可以更容易地实现复杂的交互效果。 #### 六、注意事项 - **兼容性问题**:不同浏览器...

    web前端面试题.doc

    jQuery是一个JavaScript库,提供强大的DOM操作、选择器、事件处理等功能。jQuery UI是基于jQuery的扩展,提供诸如对话框、拖拽、改变大小等交互组件,增强了用户体验。 5. **闭包** 闭包是指一个函数能访问并操作...

Global site tag (gtag.js) - Google Analytics