您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

兼容主流浏览器的iframe自适应高度js脚本

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 兼容主流浏览器的 iframe 自适应高度,很实用的,具体的js脚本如下,感兴趣的朋友可不要错过 

兼容主流浏览器的 Iframe 自适应高度,js脚本如下:   代码如下: //iframe 高度自适应  function iframeAutoFit(iframeObj) {  setTimeout(function () {  if (!iframeObj) return;  iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight);  }, 200);  }<span style="font-family: Arial, Helvetica, sans-serif;"> </span>    调用方法:  代码如下: <iframe id="HQRight" name="HQRight" onload="javascript:iframeAutoFit(this);"  height="235px;" width="770px" frameborder="0" scrolling="no"  src="Market/HQData_page.aspx?t=tjs"></iframe>    扩展:   代码如下: //动态添加样式  function addSheetFile(obj, path) {  if (obj == undefined || obj == null)  obj = document;    var fileref = obj.createElement("link")  fileref.rel = "stylesheet";  fileref.type = "text/css";  fileref.href = path;  fileref.media = "screen";  var headobj = obj.getElementsByTagName('head')[0];  headobj.appendChild(fileref);  }