Iframe自适应客户端高宽度代码,JS代码库,德仔网

代码语言

代码分类

【JS】 Iframe自适应客户端高宽度

作者:盈巧 / 发布于2015/1/26/ 569


	<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head runat="server">
	 <title>无标题页</title>

	 <script type="text/javascript">
	 function Init(){
	 var iframe=document.getElementById("iframe");
	 var maxWidth = Math.max(document.documentElement["clientWidth"],document.body["scrollWidth"], document.documentElement["scrollWidth"],document.body["offsetWidth"], document.documentElement["offsetWidth"] );
	
	 iframe.style.width = maxWidth +'px';
	 iframe.style.height = document.documentElement["clientHeight"] +'px';
	 iframe.src="http://www.sina.com.cn";
	 }
	
	 function Refresh(){
	 var iframe=document.getElementById("iframe");
	 var maxWidth = Math.max(document.documentElement["clientWidth"],document.body["scrollWidth"], document.documentElement["scrollWidth"],document.body["offsetWidth"], document.documentElement["offsetWidth"] );
	
	 iframe.style.width = maxWidth +'px';
	 iframe.style.height = document.documentElement["clientHeight"] +'px';
	
	 }
	
	 window.onresize = Refresh;
	 window.onload=Init;
	 </script>

	</head>
	<body>
	 <form id="form1" runat="server">
	 <div>
	 <iframe id="iframe"></iframe>
	 </div>
	 </form>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　Iframe　　自适应　

同语言下

可能有用的

盈巧贡献的其它代码(15)