1. 首页
  2. JavaScript

iframe 跨域高度自适应

在实际应用中,很多时候通过<iframe>引入页面,如果同域情况,可以使用以下代码,

希望以下代码能对你有所帮助。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://www.linstudy.com" /> 
<title>挚友阳光</title> 
<script type="text/javascript">  
window.onload=function(){ 
  var ifm= document.getElementById("iframepage");  
  var subWeb = document.frames ? document.frames["iframepage"].document:ifm.contentDocument;  
  if(ifm != null && subWeb != null){  
    ifm.height = subWeb.body.scrollHeight;  
  }  
} 
</script>  
</head> 
<body> 
<iframe src="iframe.html" id="iframepage" name="iframepage" width="100%"></iframe> 
</body> 
</html>

本文来自挚友阳光,本站一部分文章不代表本站立场,不妥请联系本站删除,如若转载,请注明出处:https://www.linstudy.com/article/106.html