熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

完美iframe自適應寬度和高度

2022-06-13   來源: .NET編程 

  在ie下能實現的功能對照著FF下的方法與屬性修改就行了今天終於把這個問題徹底解決了記錄一下

  感謝_Ren/

  js代碼如下

  代碼

  //iframe高度自適應

  function IFrameReSize(iframename) {

  var pTar = documentgetElementById(iframename);

  if (pTar) {  //ff

  if (ntentDocument && ntentDocumentbodyoffsetHeight) {

  pTarheight = ntentDocumentbodyoffsetHeight;

  } //ie

  else if (pTarDocument && pTarDocumentbodyscrollHeight) {

  pTarheight = pTarDocumentbodyscrollHeight;

  }

  }

  }

  //iframe寬度自適應

  function IFrameReSizeWidth(iframename) {

  var pTar = documentgetElementById(iframename);

  if (pTar) {  //ff

  if (ntentDocument && ntentDocumentbodyoffsetWidth) {

  pTarwidth = ntentDocumentbodyoffsetWidth;

  }  //ie

  else if (pTarDocument && pTarDocumentbodyscrollWidth) {

  pTarwidth = pTarDocumentbodyscrollWidth;

  }

  }

  }

  使用方法如下

  <iframe src=Mainaspx scrolling=no frameborder= height=% id=mainFrame width=% onload=IFrameReSize(mainFrame);IFrameReSizeWidth(mainFrame);></iframe>

  參考

  


From:http://tw.wingwit.com/Article/program/net/201311/12370.html
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.