您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

iframe实用操作锦集_javascript技巧

2024/3/6 20:15:10发布23次查看
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;
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product