iframe实用操作锦集


Posted in Javascript onApril 22, 2014

iframe高度设置为子页面高度

//需要使用Jquery 
$(document).ready(function () { 
parent.document.getElementById("ifPage").style.height = document.body.scrollHeight + "px"; 
});

iframe高度自适应于父页面
//需要使用Jquery 
$(window).resize(function () { 
var webheight = document.body.clientHeight - X; //X是需要减去的高度量,例如顶部导航的高度 
$("#ifPage").attr("style", "height:" + webheight + "px;"); 
}); 
$(window).load(function () { 
var webheight = document.body.clientHeight - 105; 
$("#ifPage").attr("style", "height:" + webheight + "px;"); 
});

父子页面间传递元素
父页面获取子页面中的数据,JS代码:
//根据iframe的id获取对象 
var i1 = window.frames['iframeId']; 
//var iframe =window.frames[0];也可以 
//获取iframe中的元素值 
var val=i1.document.getElementById("t1").value

子页面获取父页面中的数据,JS代码:
var val = parent.document.getElementById("txt1");

子页面与子页面间的传递,JS代码:
var i1 = parent.window.frames['iframeId']; 
var val = i1.document.getElementById("text1").value;

刷新父页面
function parentReload() { window.parent.location.reload();}

重新加载子页面
iframe.Attributes[ "Src"] = "ItemTQEditorPage.aspx";
Javascript 相关文章推荐
教你如何使用PHP输出中文JSON字符串
May 22 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
vuejs2.0实现一个简单的分页示例
Feb 22 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
Jun 06 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 Javascript
inquirer.js一个用户与命令行交互的工具详解
May 18 Javascript
Vuex的API文档说明详解
Feb 05 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 #Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 #Javascript
jquery防止重复执行动画避免页面混乱
Apr 22 #Javascript
Area 区域实现post提交数据的js写法
Apr 22 #Javascript
div失去焦点事件实现思路
Apr 22 #Javascript
js隐式全局变量造成的bug示例代码
Apr 22 #Javascript
JavaScript实现的图像模糊算法代码分享
Apr 22 #Javascript
You might like
PHP文本操作类
2006/11/25 PHP
自动分页的不完整解决方案
2007/01/12 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
jquery 插件 任意位置浮动固定层
2008/12/25 Javascript
JavaScript中神奇的call()方法
2015/03/12 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
AngularJS入门教程之AngularJS模型
2016/04/18 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
详解vue嵌套路由-params传递参数
2017/05/23 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
详解CommonJS和ES6模块循环加载处理的区别
2018/12/26 Javascript
在layui中layer弹出层点击事件无效的解决方法
2019/09/05 Javascript
这15个Vue指令,让你的项目开发爽到爆
2019/10/11 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
Python中方法链的使用方法
2016/02/23 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
Python使用百度翻译开发平台实现英文翻译为中文功能示例
2019/08/08 Python
PyQT5 实现快捷键复制表格数据的方法示例
2020/06/19 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
2015/08/31 HTML / CSS
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
学雷锋演讲稿
2014/03/04 职场文书
教学质量评估实施方案
2014/03/17 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
市级绿色学校申报材料
2014/08/25 职场文书
2015年女生节活动总结
2015/02/27 职场文书
初中开学典礼新闻稿
2015/07/17 职场文书
2015年高三教学工作总结
2015/07/21 职场文书
html+css 实现简易导航栏功能
2021/04/07 HTML / CSS
Consul在linux环境的集群部署
2022/04/08 Servers
Python采集壁纸并实现炫轮播
2022/04/30 Python