iframe自动拉伸处理

 

这两天在作工业设计申请精品课程网站时遇到的一些问题，也找到了一些基本方法，罗列如此

一、关于iframe，iframe不会跟随所载入页面的长度而拉伸，有两种方法解决这一问题：

1、 < script language ="Javascript">

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]

//extra height in px to add to iframe in FireFox 1.0+ browsers

var FFextraHeight=getFFVersion>=0.1? 16 : 0

 

function dyniframesize(iframename) {

   var pTar = null ;

   if (document.getElementById){

     pTar = document.getElementById(iframename);

   }

   else {

     eval('pTar = ' + iframename + ';');

   }

   if (pTar && !window.opera){

     //begin resizing iframe

     pTar.style.display="block"

    

     if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){

       //ns6 syntax

       pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;

     }

     else if (pTar.Document && pTar.Document.body.scrollHeight){

       //ie5+ syntax

       pTar.height = pTar.Document.body.scrollHeight;

     }

   }

}

</ script >

 

< iframe id ="myTestFrameID"

onload ="javascript:{dyniframesize('myTestFrameID');}"

marginwidth =0 marginheight =0 frameborder =0

scrolling =no src ="/myiframesrc.php"

width =200 height =100></ iframe >

2、 < IFRAME id =headlogin marginWidth =0   marginHeight =0 src ="xxx" frameBorder =0 width =100% scrolling =no height =25 onload ="this.height=this.contentWindow.document.body.scrollHeight"></ IFRAME >

二、点击一个标记，实现两个链接

在<a>中设置一个事件如下，<a href=”s.html” οnclick=”window.open(‘s.html’,’target’)”>ss</a>