Kaedah JavaScript untuk melaksanakan perubahan ketinggian bingkai dengan kemahiran content_javascript

Contoh dalam artikel ini menerangkan kaedah menggunakan JavaScript untuk menukar ketinggian bingkai dengan kandungan. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Terdapat dua kaedah:

1. Tukar melalui halaman induk

Di sini kita perlu memahami dua atribut rangka kerja, contentWindow dan contentDocument Maksud kedua-dua atribut ini adalah serupa dengan window document Perbezaannya ialah contentWindow disokong oleh semua penyemak imbas, tetapi contentDocument tidak disokong oleh ie6 dan 7, begitu juga chrome.

<iframe onload="change_height()"></iframe>
function change_height(){
  var iframe=document.getElementById("iframe_id");
  //取得框架元素
  var i_height=iframe.contentWindow.document.body.scrollHeight||iframe.contentWindow.document.documentElement.scrollHeight;
  //取得框架内容的高度
  iframe.height=i_height;
  //改变
}

Kedua, melalui perubahan kandungan

Teruskan pada halaman kandungan

window.onload=function(){
  var iframe=parent.document.getElementById("iframe_id");
  //取得框架元素
  iframe.height=document.body.scrollHeight||document.documentElement.scrollHeight;
  //取得框架内容的高度并改变
}

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.