工作小结（十二）-Iframe全攻略以及控制图片显示大小样式
1.Iframe动态加载不同页面：
a.将iframe设置为runat="server"
b.在后台代码中加上： TroubleNofity.Attributes["src"] = 地址
2.Iframe动态加载页面时，去掉边框：
marginwidth="0" framespacing="0" marginheight="0" frameborder="0" allowtransparency="true" scrolling="no"
还要在加载的那个页面加上：
注：ctl00_maincontent_TroubleNofity为iframe的ID
3.Iframe的滚动条即为浏览器的滚动条
<script language="javascript">
function reinitIframe(fr) {
var iframe = document.getElementById(fr);
try {
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
} catch (ex) { }
}
</script>
<body bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0" >
<iframe id="UAPITSLeader" runat="server" width="100%" height="100%" scrolling="auto" frameborder="0" src="../TM/tmTabITSLeader.aspx" style="overflow-y: scroll"></iframe>
<script type="text/javascript">
window.setInterval("reinitIframe('UAPITSLeader')", 200);
</script>
</body>
4.改变iframe滚动条的样式
Test.html
<IFRAME border=0 name=ye_xy marginWidth=0 frameSpacing=0 marginHeight=0 src="Test1.html" frameBorder=0 noResize width="100%" scrolling=auto height="100%" vspale="0"></IFRAME>
<html>
<head>
<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #e8e7e7;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #cccccc;
SCROLLBAR-ARROW-COLOR: #03B7EC;
SCROLLBAR-TRACK-COLOR: #EFEFEF;
SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2;
SCROLLBAR-BASE-COLOR: #000000;
}
</STYLE>
</head>
<body>
<TABLE cellSpacing=1 cellPadding=2 width="100%" border=0>
<TBODY>
<TR bgColor=#ffffff>
<TD>
<P>本着平等互利的原则，加加联盟—三部 日付短信联盟网站和用户达成如下协议：（加加联盟—三部 日付短信联盟网站以下简称“加加联盟—三部”）<br>
<br>
一、合作方基本条件 <br>
1. 符合“中国计算机信息网络相关政策法规”及中华人民共和国其他各项法律法规的合法个人网站或大中小ICP；<br>
2. 有兴趣致力于IT行业，了解互联网、计算机相关服务，具备提供互联网服务的基本知识和技能； <br>
3. 具有良好声誉，并且拥有一定数量的客户群；11882205 <br>
4. 有代理合作意向的企、事业单位。 <br>
<p>十一、争议解决<br>
与本合作有关的一切争议，双方应通过协商方式友好解决；如协商未果，应将争议提交仲裁委员会进行仲裁，该仲裁是终局的并对双方均有约束力。 </p>
<P><B>如出现上述问题，我们将视情节分别给予警告、停止广告投放、扣发应得分成、冻结帐号等不同程度的处理。影响严重的，我们亦会保留进一步法律责任追究的权利。请各位合作方自觉遵守!</B> 我们的目标是：<FONT color=#ff0000>共同盈利,互惠双赢！</FONT>本合作最终解释权归加加联盟—三部联盟所有。<br>
<br>
加加联盟—三部联盟欢迎用户对加加联盟—三部联盟服务条款给予评论或提出质疑。加加联盟—三部联盟将根据网站发展的需求和技术的发展不断完善本服务条款。请将与本服务条款有关的所有评论或疑问发往客服QQ:121351877,谢谢！</P>
</TD></TR></TBODY></TABLE>
</body>
</html>
a.将iframe设置为runat="server"
b.在后台代码中加上： TroubleNofity.Attributes["src"] = 地址
2.Iframe动态加载页面时，去掉边框：
marginwidth="0" framespacing="0" marginheight="0" frameborder="0" allowtransparency="true" scrolling="no"
还要在加载的那个页面加上：
<script language="javascript" type="text/javascript">
function SetParentHeight() {
var f = parent.document.getElementById("ctl00_maincontent_TroubleNofity") ;
f.height = document.body.scrollHeight;
}
window.onload = SetParentHeight;
window.onresize = SetParentHeight;
注：ctl00_maincontent_TroubleNofity为iframe的ID
3.Iframe的滚动条即为浏览器的滚动条
<script language="javascript">
function reinitIframe(fr) {
var iframe = document.getElementById(fr);
try {
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
} catch (ex) { }
}
</script>
<body bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0" >
<iframe id="UAPITSLeader" runat="server" width="100%" height="100%" scrolling="auto" frameborder="0" src="../TM/tmTabITSLeader.aspx" style="overflow-y: scroll"></iframe>
<script type="text/javascript">
window.setInterval("reinitIframe('UAPITSLeader')", 200);
</script>
</body>
4.改变iframe滚动条的样式
Test.html
<IFRAME border=0 name=ye_xy marginWidth=0 frameSpacing=0 marginHeight=0 src="Test1.html" frameBorder=0 noResize width="100%" scrolling=auto height="100%" vspale="0"></IFRAME>Test1.html
<html><head><STYLE type=text/css>
BODY {
BODY SCROLLBAR-FACE-COLOR: #e8e7e7; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #03B7EC; SCROLLBAR-TRACK-COLOR: #EFEFEF; SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2; SCROLLBAR-BASE-COLOR: #000000;}</STYLE></head><body><TABLE cellSpacing=1 cellPadding=2 width="100%" border=0><TBODY><TR bgColor=#ffffff><TD><P>本着平等互利的原则，加加联盟—三部 日付短信联盟网站和用户达成如下协议：（加加联盟—三部 日付短信联盟网站以下简称“加加联盟—三部”）<br> <br> 一、合作方基本条件 <br> 1. 符合“中国计算机信息网络相关政策法规”及中华人民共和国其他各项法律法规的合法个人网站或大中小ICP；<br> 2. 有兴趣致力于IT行业，了解互联网、计算机相关服务，具备提供互联网服务的基本知识和技能； <br> 3. 具有良好声誉，并且拥有一定数量的客户群；11882205 <br> 4. 有代理合作意向的企、事业单位。 <br> <p>十一、争议解决<br> 与本合作有关的一切争议，双方应通过协商方式友好解决；如协商未果，应将争议提交仲裁委员会进行仲裁，该仲裁是终局的并对双方均有约束力。 </p><P><B>如出现上述问题，我们将视情节分别给予警告、停止广告投放、扣发应得分成、冻结帐号等不同程度的处理。影响严重的，我们亦会保留进一步法律责任追究的权利。请各位合作方自觉遵守!</B> 我们的目标是：<FONT color=#ff0000>共同盈利,互惠双赢！</FONT>本合作最终解释权归加加联盟—三部联盟所有。<br> <br> 加加联盟—三部联盟欢迎用户对加加联盟—三部联盟服务条款给予评论或提出质疑。加加联盟—三部联盟将根据网站发展的需求和技术的发展不断完善本服务条款。请将与本服务条款有关的所有评论或疑问发往客服QQ:121351877,谢谢！</P></TD></TR></TBODY></TABLE></body></html>
4.控制图片显示时的大小［如编辑控件中上传了图片，在显示时］：
<style type="text/css" media="all">
img
{
border: 0;
max-width: 600px;
width: expression(width>600? "600px" : "px" );
overflow: auto;
}
</style>
