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

时间： 2024-11-03 10:59:15

jquery 框架页面 操作 顶层窗体中元素,或者其他框架页面中元素的相关文章

robotframework：appium切换webview后，在第一个页面操作成功，跳转到第二个页面后，执行命令失败

问题: 在用robot写手机淘宝app的自动化时,打开手机淘宝后,点击天猫国际,跳转到天猫国际页面,天猫国际页面是H5, 需要切换到对应的webview,切换到webview后,点击美妆菜单,跳转到美妆页面,美妆页面也是H5, 与天猫国际页面的webview一样,此时点击美妆页面的元素,提示找不到元素,用get source获取美妆页面源码, 获取到的源码是第一个天猫国际页面的源码,所以在美妆页面执行操作找不到元素. 解决: 在天猫国际页面点击美妆菜单后,先切换回NATIVE_APP,再重新切换

jQ禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突

1. 禁止右键点击 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 代码如下: $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($

JQUERY选择和操作DOM元素（利用正则表达式的方法匹配字符串中的一部分）

1.匹配属性的开头 $("[attributeName^='value']"); 2.匹配属性的结尾 $("[attributeName$='value']"); 3.属性选择器总结 elem[attr] 选择具有attr属性的元素 elem[attr=val]选择具有attr属性且属性值与val值匹配的元素 elem[attr^=valu]选择具有attr属性且属性值以val值开头的元素 elem[attr$=val]选择具有attr属性且属性值以val值结尾的元

Jquery中的offset()和position()深入剖析(元素定位)

先看看这两个方法的定义. offset(): 获取匹配元素在当前视口的相对偏移. 返回的对象包含两个整形属性:top 和 left.此方法只对可见元素有效. position(): 获取匹配元素相对父元素的偏移. 返回的对象包含两个整形属性:top 和 left.为精确计算结果,请在补白.边框和填充属性上使用像素单位.此方法只对可见元素有效. 真的就这么简单吗?实践出真知. 先来看看在jquery框架源码里面,是怎么获得position()的: 1 // Get *real* offsetPar

jquery(二) jQuery选取和操作元素的特点

jQuery初探 jQuery选取和操纵元素的特点 JavaScript选取元素 先来看看不用jQuery的时候我们是怎么处理元素选取的. JavaScript选取元素的时候,可以根据id获取元素,当id不存在的时候,结果为null,并且console会报脚本执行错误. 所以一般的做法是先用一个if判断该元素存在. 比如: <body> <a>click me</a> <script type="text/javascript"> //

JQuery快速入门-操作元素的属性和样式

我们在学习JavaScript时,详细介绍了DOM对象.从DOM树可以得知,对DOM的操作,主要包括:元素的属性.内容.值.CSS. 一.元素属性的操作 在 jQuery 中,可以对元素的属性执行获取.设置.删除的操作,通过 attr() 方法可以对元素属性执行获取和设置操作,而 removeAttr() 方法则可以轻松删除某一指定的属性. 1.获取元素属性 //JavaScript脚本 <script type="text/javascript"> $(function(

jQuery原生框架-----------------属性操作

// 添加一个处理兼容获取样式的静态方法jQuery.getStyle = function( dom, styleName ) { // dom不是dom,styleName不是字符串,直接打走 if( !jQuery.isDOM( dom ) || !jQuery.isString( styleName ) ) { return false; } // 兼容获取指定的样式 if( window.getComputedStyle ) { return window.getComputedSty

jquery的常用操作（操作html页面的Dom对象的元素）

一:页面加载完成时,会执行jquery的方法(不需要等待图片加载完成,只要dom结构加载完成,就执行该方法) //第一种写法: $(document).ready(function() { // 执行体 }); //第二种写法 $(function() { //执行体 }); 二:用jquery获取dom对象,判断该对象是否有内容的两种方法(有返回true,没有返回false) jqObj.text().trim() var jqObj = $(this); if(jqObj.text().tr

jquery笔记之属性选择器 查找以某种条件开头的页面元素

jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]")                查找所有含有 id 属性的div元素. $("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素. $("div[id!='ajaxa']")       查找 id 不为 ajax