masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > iframe实用操作锦集_javascript技巧

iframe实用操作锦集_javascript技巧

WBOY
Lepaskan： 2016-05-16 16:51:29
asal
1178 orang telah melayarinya

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";
Label berkaitan：
iframe
sumber：php.cn
Artikel sebelumnya：js Dialog 去掉右上角的X关闭功能_javascript技巧 Artikel seterusnya：js操作输入框中选择内容兼容IE及其他主流浏览器_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Membenamkan HTML yang dijana oleh fungsi R Saya mahu membina html secara dinamik dan menjadikan html itu dalam quarto. Aplikasi seben...
daripada 2024-04-01 20:51:51
0
1
367
Benamkan/iframe sentiasa tinggi penuh Saya telah membenamkan beberapa fail html yang berbeza dalam "ketinggian". Saya ...
daripada 2024-03-31 09:50:18
0
1
400
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan