工作小结（十二）-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.Ifr ame的滚动 条 即为浏览器的滚动条
<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.Ifr ame的滚动 条 即为浏览器的滚动条
<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>