添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
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>

iframe 展示pdf ios iframe显示图片_javascript

<P>本着平等互利的原则,加加联盟—三部 日付短信联盟网站和用户达成如下协议:(加加联盟—三部 日付短信联盟网站以下简称“加加联盟—三部”)<br>

iframe 展示pdf ios iframe显示图片_javascript

<br>

iframe 展示pdf ios iframe显示图片_javascript

一、合作方基本条件 <br>

iframe 展示pdf ios iframe显示图片_javascript

1. 符合“中国计算机信息网络相关政策法规”及中华人民共和国其他各项法律法规的合法个人网站或大中小ICP;<br>

iframe 展示pdf ios iframe显示图片_javascript

2. 有兴趣致力于IT行业,了解互联网、计算机相关服务,具备提供互联网服务的基本知识和技能; <br>

iframe 展示pdf ios iframe显示图片_javascript

3. 具有良好声誉,并且拥有一定数量的客户群;11882205 <br>

iframe 展示pdf ios iframe显示图片_javascript

4. 有代理合作意向的企、事业单位。 <br>

iframe 展示pdf ios iframe显示图片_javascript


iframe 展示pdf ios iframe显示图片_javascript

<p>十一、争议解决<br>

iframe 展示pdf ios iframe显示图片_javascript

与本合作有关的一切争议,双方应通过协商方式友好解决;如协商未果,应将争议提交仲裁委员会进行仲裁,该仲裁是终局的并对双方均有约束力。 </p>

iframe 展示pdf ios iframe显示图片_javascript

<P><B>如出现上述问题,我们将视情节分别给予警告、停止广告投放、扣发应得分成、冻结帐号等不同程度的处理。影响严重的,我们亦会保留进一步法律责任追究的权利。请各位合作方自觉遵守!</B> 我们的目标是:<FONT color=#ff0000>共同盈利,互惠双赢!</FONT>本合作最终解释权归加加联盟—三部联盟所有。<br>

iframe 展示pdf ios iframe显示图片_javascript

<br>

iframe 展示pdf ios iframe显示图片_javascript

加加联盟—三部联盟欢迎用户对加加联盟—三部联盟服务条款给予评论或提出质疑。加加联盟—三部联盟将根据网站发展的需求和技术的发展不断完善本服务条款。请将与本服务条款有关的所有评论或疑问发往客服QQ:121351877,谢谢!</P>

iframe 展示pdf ios iframe显示图片_javascript

</TD></TR></TBODY></TABLE>
</body>
</html>

iframe 展示pdf ios iframe显示图片_javascript


iframe 展示pdf ios iframe显示图片_javascript

4.控制图片显示时的大小[如编辑控件中上传了图片,在显示时]:

<style type="text/css" media="all">
            border: 0;
            max-width: 600px;
            width: expression(width>600?  "600px" : "px" );
            overflow: auto;
    </style>