JQuery之操作iframe
2016-04-15 10:15
357 查看
1、使用两种方式操作iframe中的元素。原理是跟jquery获取对象是一样的,只不过是先获取了iframe元素,然后在对iframe的内容再次进行操作。
var str = $(window.frames["iframe"].document).find("#ev").html(); var stk = $("#iframe").contents().find("#ev").html();
2、操作父界面中的元素(header:为某个元素的id)。这个就很基本了,也写上吧。跟做父页面跳转是一样的,父页面跳转是window.parent.loaction.href = url;这个就是把父页面元素获取,然后继续操作。道理是一样的。
$('#header', parent.document).text(); window.parent.$("#header").text();
3、js使用两种方式调用iframe中的js函数。dom方式
window.frames["ev"].window.testIframe2("ev"); document.getElementById("ev").contentWindow.testIframe2("ev");
4、jquery调用iframe的js函数(带参数的会有返回值)
$("#ev")[0].contentWindow.testIframe2("ev");
5. 调用父页面js函数,直接用:
parent.myFunction();
最后,必须特别注意的一点,也是很关键的一点:就是:不能跨域,也就是讲:父页面跟要和所包含的iframe属于同一个域名下。
相关文章推荐
- jQuery设置Cookie及删除Cookie实例分析
- jQuery学习笔记———jQuery中的事件和动画
- 基于Jquery全国省市区三级联动(含全国省市区数据)
- JQuery中阻止事件冒泡方式及其区别
- JQuery中阻止事件冒泡方式及其区别
- jQuery获取cookie值及删除cookie用法实例
- JQuery类型转换
- jQuery操作select的实例代码
- jQuery通过写入cookie实现更换网页背景的方法
- jQuery基础
- jquery.cookie.js实现用户登录保存密码功能的方法
- JQuery选择器整理
- jquery中prop()方法和attr()方法的区别浅析
- ajaxFileUpload 报这错jQuery.handleError is not a function
- jQuery插件之ajaxFileUpload
- Jquery实现异步上传图片
- php基于jquery的ajax技术传递json数据简单实例
- jquery.cookie.js实现用户登录保存密码功能的方法
- jQuery通过写入cookie实现更换网页背景的方法
- jQuery获取cookie值及删除cookie用法实例