Js/Jquery iframe跨层操作
来源:互联网 发布:ios 读取网页数据 编辑:程序博客网 时间:2024/06/05 23:52
篇一
-------------------------------------------------------------------------------------------
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素
js
在父窗口中获取iframe中的元素
1、
格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();
实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click();
2、
格式:
var obj=document.getElementByIdx_x("iframe的name").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");
ifmObj.click();
实例:
var obj=document.getElementByIdx_x("ifm").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("btnOk");
ifmObj.click();
在iframe中获取父窗口的元素
格式:window.parent.document.getElementByIdx_x("父窗口的元素ID").click();
实例:window.parent.document.getElementByIdx_x("btnOk").click();
jquery
在父窗口中获取iframe中的元素
1、
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1
2、
格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
在iframe中获取父窗口的元素
格式:$('#父窗口中的元素ID', parent.document).click();
实例:$('#btnOk', parent.document).click();
篇二
-------------------------------------------------------------------------------------------
今天在弄jquery操作iframe中元素:先由iframe中的子页面b.html给外面的父页面a.html页面传值,再将a.html页面计算机的值放到b.html页面上,这里就用到子页面和父页面相互传值,相互调用更自函数这些功能,这里我用一个简单的例子来介绍一下这些方法。
a.html
b.html
篇三:js判断当前页面是否在iframe中
-------------------------------------------------------------------------------------------
1.方式一
if (self.frameElement && self.frameElement.tagName == "IFRAME") {
alert('在iframe中');
}
2.方式二
if (window.frames.length != parent.frames.length) {
alert('在iframe中');
}
3.方式三
if (self != top) {
alert('在iframe中');
}
以上用任何一种都可以判断代码是否在iframe中.
篇二
-------------------------------------------------------------------------------------------
篇二
-------------------------------------------------------------------------------------------
- Js/Jquery iframe跨层操作
- js/jQuery 跨iframe操作
- jquery/JS 操作iframe
- jquery操作iframe中的js
- js、jquery操作父子iframe
- jquery操作iframe中的js函数
- js & jquery 操作iframe中的HTML元素
- JQuery 跨框架(iframe)操作
- js IFRAME 跨域操作
- js/jquery 操作iframe的几种方法
- JS/jQuery--iframe框架内外元素的操作
- jquery 操作 iframe
- jquery iframe操作
- jQuery操作iframe
- jquery iframe操作
- jquery iframe操作
- jquery iframe操作
- jquery iframe操作
- python3爬虫-爬取京东商城红酒数据(全部)
- git 基本操作命令,冲突解决
- HTTPS 升级指南
- Jquery中ajax
- JS和jquery获取各种屏幕的宽度和高度的代码
- Js/Jquery iframe跨层操作
- jsp页面onclick 事件使用post方式提交请求
- 部署java-web项目到linux服务器上
- Linux中pwd的参数差异
- angular开发中我认为好用的插件
- linux下Oracle11g RAC搭建
- JAVA文件复制小程序
- angularJs自定义指令的scope配置详解
- 预加重/去加重/直流滤波