Iframe如何动态加载及不同浏览器下边框的样式,滚动条的样式,另外介绍一下控制图片显示大小的CSS
1.Iframe动态加载不同页面:
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; </script>
注: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
<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>
<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">
border: 0;
max-width: 600px;
width: expression(width>600? "600px" : "px" );
overflow: auto;
</style>