jQuery操作iframe中js函数的方法小结


Posted in Javascript onJuly 06, 2016

本文实例讲述了jQuery操作iframe中js函数的方法。分享给大家供大家参考,具体如下:

1、jquery操作iframe中的元素(2种方式)

var tha = $(window.frames["core_content"].document).find("#trewuuu").html();
var thb = $("#core_content").contents().find("#trewuuu").html();

2、操作父界面中的元素(header:为某个元素的id)

$('#header', parent.document).text()

3、js调用iframe中的js函数(2种)

window.frames["core_content"].window.testIframe2("11");
document.getElementById("core_content").contentWindow.testIframe2("11");

4、jquery调用iframe的js函数(带参数的会有返回值)

$("#core_content")[0].contentWindow.testIframe2("11");

注意事项:

要和所包含的iframe在同一个域名(因为不能跨域)

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript编程起步(第二课)
Feb 27 Javascript
JS限制上传图片大小不使用控件在本地实现
Dec 19 Javascript
javascript避免数字计算精度误差的方法详解
Mar 05 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
Jun 21 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
浅谈vue中慎用style的scoped属性
Nov 28 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
Dec 08 Javascript
微信小程序与后台PHP交互的方法实例分析
Dec 10 Javascript
JS高阶函数原理与用法实例分析
Jan 15 Javascript
javascript判断一个变量是数组还是对象
Apr 10 Javascript
微信小程序—setTimeOut定时器的问题及解决
Jul 26 Javascript
jQuery深拷贝Json对象简单示例
Jul 06 #Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 #Javascript
JS如何判断json是否为空
Jul 06 #Javascript
移动端 一个简单易懂的弹出框
Jul 06 #Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 #Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
Jul 06 #Javascript
jQuery插件dataTables添加序号列的方法
Jul 06 #Javascript
You might like
mac下安装nginx和php
2013/11/04 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
2012/06/22 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
2016/07/12 Javascript
功能强大的Bootstrap使用手册(一)
2016/08/02 Javascript
js实现加载更多功能实例
2016/10/27 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
2017/02/14 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
JS异步宏队列微队列原理详解
2020/09/09 Javascript
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
使用python搭建Django应用程序步骤及版本冲突问题解决
2013/11/19 Python
python操作数据库之sqlite3打开数据库、删除、修改示例
2014/03/13 Python
Python使用QRCode模块生成二维码实例详解
2017/06/14 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
python3.6根据m3u8下载mp4视频
2019/06/17 Python
完美解决torch.cuda.is_available()一直返回False的玄学方法
2021/02/06 Python
香港现代设计家具品牌:Ziinlife Furniture
2018/11/13 全球购物
Noon埃及:埃及在线购物
2019/11/26 全球购物
学前教育教师求职自荐信
2013/09/22 职场文书
上班上网检讨书
2014/01/29 职场文书
2014迎新年晚会策划方案
2014/02/23 职场文书
团日活动总结
2014/04/28 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
2019年最新感恩节祝福语(28句)
2019/11/27 职场文书
解决Vmware虚拟机安装centos8报错“Section %Packages Does Not End With %End. Pane Is Dead”
2022/06/01 Servers
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang
腾讯云服务器部署前后分离项目之前端部署
2022/06/28 Servers