Auto iframe จะแตกต่างจาก iframe ทั่วไปคือสามารถปรับความสูงได้เองโดยอัตโนมัติ แต่มีข้อแม้ว่าใช้ได้กับ iframe ที่ดึงไฟล์ html เท่านั้น

<script> 
function changeContent() 
{ 
document.getElementById('mainvdo').innerHTML = window.frames['mainvdo'].document.getElementsByTagName('html')[0].innerHTML; 
} 
</script> 

<div id = "mainvdo"><br></div> 
<iframe id = "mainvdo" name = "mainvdo" src ="../vdoframe/main.html" onLoad = "changeContent()" style = "height:0; width:0; border-width:0;"></iframe> 

การนำไปใช้

ให้ทำการแทรกสคริ๊บ ลงในส่วนที่ต้องการให้ iframe ปรากฏ จากนั้นทำการปรับเปลี่ยนจาก mainvdo เป็นชื่อ iframe ของเรา ทั้ง iframe id และ name และที่สำคัญก็ทำการ src ชี้ไปยังไฟล์ html ที่ต้องการนำออกมาใน iframe (mainvdo)

ส่วนถ้ากรณีที่มีหลาย iframe ให้ทำการ copy

document.getElementById('mainvdo').innerHTML = window.frames['mainvdo'].document.getElementsByTagName('html')[0].innerHTML;

มาซ้อนก้นอีกบรรทัด แล้วก็เปลี่ยนชื่อให้ต่างกันดังตัวอย่าง

document.getElementById('mainvdo').innerHTML = window.frames['mainvdo'].document.getElementsByTagName('html')[0].innerHTML;

document.getElementById(‘mainvdo2’).innerHTML = window.frames[‘mainvdo2’].document.getElementsByTagName(‘html’)[0].innerHTML;
และตัว iframe ก็เปลี่ยน เป็นชื่อ iframe ทั้ง iframe id และ name ให้ตรงกับที่เปลี่ยน แล้วนำไปแทรกใว้ส่วนต่างๆ ของเวป เท่านี้เวลาข้อมูลที่ออกในส่วนของ iframe มีความสูงมากๆ ก็จะไม่ต้องไปตั้งค่า height ให้เสียเวลาอีกต่อไปสคริ๊บนี้จะช่วยตั้งค่าความสูงให้อัตโนมัติ