`

jquery 框架页面 操作 顶层窗体中元素,或者其他框架页面中元素

阅读更多

jquery 框架页面 操作 顶层窗体中元素,或者其他框架页面中元素

 

(1) var dls = top.$("#leftFrame").contents().find("dl");

 

    top是Window类的实例,表示最顶层窗体

    所有的jquery对象可以看成是windsow对象的属性.

    因为 js中定义一个变量,比如 var aVar = 1,就相当于给window对象新增一个属性,

    可以通过windows.aVar来访问刚刚定义的对象.

    top.$("#leftFrame")用了找到 顶层窗体中id为leftFrame的iframe,

    $("#leftFrame").contents()是 顶层窗体中id为leftFrame的iframe 的所有元素

 

(2) top.$("#subNav a").get(index_dl).click();

    由(1) 可知top.$("#subNav a")可以获取顶层页面的元素

    

    

注: 原生的js代码(iframe中页面获取其他iframe页面元素)

 

top.frames['mainFrame'].document.getElementById("aID").value

    

分享到:
评论

相关推荐

    探析在jQuery框架下操作HTMLDOM元素.pdf

    探析在jQuery框架下操作HTML DOM元素 一、HTML DOM简介 HTML DOM(Document Object Model)是HTML文档对象模型的缩写,定义了访问和操作HTML文档的标准方法。它将网页中的各个元素都看作一个个对象,从而使网页中...

    精通js脚本之jquery框架

    jQuery的选择器基于CSS标准,允许开发者高效地选取页面中的元素。例如,`$("#id")`用于选取ID为"id"的元素,`$(".class")`则用于选取所有class为"class"的元素。jQuery还提供了`$("tagname")`这样的元素类型选择器,...

    JQuery框架元素的属性与样式

    《JQuery框架元素的属性与样式详解》 在Web开发中,JQuery框架以其简洁、高效的API成为JavaScript库的首选。对于元素的属性与样式的操作,JQuery提供了丰富的功能,使得开发者能更加便捷地控制网页元素的行为和视觉...

    jquery 弹出模态窗体

    "jquery 弹出模态窗体"是jQuery中的一个功能,用于创建交互式用户体验,使得用户在不离开当前页面的情况下能够与额外的信息或功能进行交互。模态窗体(Modal Dialog)通常被用来显示警告、确认、信息或表单填写等...

    Jquery方式获取iframe页面中的 Dom元素

    点击链接后,应该会在浏览器中看到一个弹出框,内容是“我是测试页面test”,这表明我们已经成功通过jQuery获取到了iframe中的DOM元素。 需要注意的是,使用jQuery操作iframe中的DOM时,必须确保iframe已经完全加载...

    Jquery框架 有文档

    标题中的"Jquery框架 有文档"表明我们将深入探讨jQuery的核心概念、主要特性以及随附的中文文档,帮助开发者更高效地理解和运用这一框架。 ### 一、jQuery的核心概念 1. **选择器(Selectors)**: jQuery借鉴了CSS...

    JS(JQUERY)操作框架页面

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

    浅析JQuery框架及其插件应用

    2. **DOM操作简便**:通过简洁的语法,JQuery使得DOM元素的选择、创建、删除和操作变得异常简单。例如,只需一行代码即可选取页面上的所有段落元素:`$("p")`。 3. **事件处理**:JQuery提供了丰富而灵活的事件处理...

    Jquery调用iframe父页面中的元素及方法

    不过,当iframe和父页面属于同一域时,可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个...

    jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)

    本文将深入探讨如何利用EasyUI的Window插件在Layout框架页面中实现弹出窗体到最顶层的效果,尤其是当窗体需要穿越iframe时。 首先,我们需要理解jQuery EasyUI的Window组件。Window是EasyUI中的一个动态弹出窗口,...

    jquery框架及源码

    3. **DOM操作(DOM Manipulation)**: jQuery提供了便利的API来操作DOM,包括添加、删除和修改元素,例如`append()`、`remove()`和`attr()`。 4. **事件处理(Event Handling)**: jQuery简化了事件绑定和解绑,如`...

    JQuery框架软件包下载

    **jQuery框架概述** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript编程,特别是在处理网页DOM操作、事件处理、动画效果以及Ajax交互等方面。jQuery的核心理念是"Write Less, Do More",即用更少的...

    使用JQuery框架设计的网页

    在描述中提到的网页可能有乱码问题,这可能与字符编码设置有关,使用jQuery可以轻松地对页面中的文本进行操作,例如修改元素的文本或替换内容,以解决可能出现的编码问题。 其次,jQuery提供了丰富的DOM操作方法,...

    jquery框架下的页面内元素拖动,内容互换

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互等任务。本篇文章将详细讲解如何利用jQuery实现页面内的元素拖动以及内容互换的功能。 首先,我们需要...

    jQuery实现页面滚动时元素智能定位

    在提供的压缩包文件"jQuery实现页面元素智能定位"中,可能包含了示例代码、教程或者工具,帮助开发者理解和实践这个过程。通过学习和应用这些知识,你可以创建具有智能定位功能的网页元素,提升用户体验。 总的来说...

    jquery框架和教程

    **jQuery框架与教程详解** jQuery,作为一款广泛应用于前端开发的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理和动画制作。它以其简洁的API和高效的功能深受开发者喜爱。本教程将深入探讨jQuery的核心...

    jQuery 页面框架 母板页

    1. **页面初始化**:在母板页中,可以使用jQuery来处理页面加载事件,实现全局的DOM元素操作或者设置,比如隐藏或显示某些元素,或者初始化插件。 2. **动态内容加载**:利用jQuery的Ajax功能,母板页可以实现局部...

    jquery框架的一些经典案例

    在提供的“jquery框架”压缩包中,包含了各种jQuery的经典案例。每个案例通常会包含JavaScript文件(可能以.js为扩展名)和CSS样式文件(以.css为扩展名)。通过查看这些文件,你可以了解如何将jQuery应用到实际项目...

    jquery弹出窗体

    模式窗体是一种特殊的窗口,它在用户与主页面交互时强制用户先与该窗口进行交互,直到关闭窗口后才能继续操作主页面。这种设计可以确保用户的注意力集中在弹出窗口上,避免他们在执行其他任务时错过重要信息。 在...

    Jquery框架库和API手册

    jQuery通过封装JavaScript的常用操作,使得开发者可以快速地进行DOM元素的选择、操作、事件绑定等任务。 ### 2. jQuery的选择器 jQuery选择器基于CSS选择器,允许开发者通过简单的语句选取DOM元素。例如,`$("#id...

Global site tag (gtag.js) - Google Analytics