天空下的雨

很多时候在做B/S后台系统的时候，一般管理页左边为管理菜单，右边为操作页面，为了维护方便通常会使用iframe来展示操作管理页面，显然用固定的宽度和高度并不能满足要求，经常我们需要让页面自动适应用户分辨率，提高用户体验。下面是可以自适应代码，网页表头声明为xhtml1-transitional.dtd才能支持。

<iframe scrolling="auto" name="main" src="aaa.html"  frameborder="0" height="100%" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>556?fdh:556)" width="100%"></iframe>

随后发现这段代码在DIV的宽度为100%时（<div id="MarRight" class="MarR">iframe 框架</div>），IE6、火狐等浏览器iframe并没有自适应DIV的宽度和高度，而是显示不全或出现滚动条的情况。

解决办法如下：

<script type="text/javascript">
window.onload=function(){
  var a=document.body.clientWidth-182;  //取得iframe框架的实际宽度
  // alert(a);  //弹出数值测试
  document.getElementById("MarRight").style.width=a+"px";
}
</script>

天空下的雨：绿色标示部分根据需要修改，通过上面的代码，就可以在其他浏览器中iframe的自适应宽度和高度了。

在网页的布局中，通常会遇到各浏览器解析网页的核心不同，而导致页面错乱的问题。

下面就列举了一些用if控制语句解决的方法。

<!--[if !IE]>除IE外都可识别<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->

<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->

<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

在网页设计中，我们通常会看到点击链接时，页面上会出现链接的虚线。下面我给大家两个个简单的办法

1、在CSS样式中，加入下面的代码，意思是链接边框为空

a{  
outline:none;  
}  

2、html代码也类似:

天空下的雨：有时候网页上内容较多打开会慢，这时候我们可以使用简单的方法，让用户点击按钮时，弹出一个“正在处理请稍等...”的信息，加强用户的页面体验。下面点击效果图和实例代码给大家参考：

下面是CSS样式，先把DIV层隐藏起来：

<style type="text/css">
.updateing{background:#dd1058;border:1px solid #dd1058;position:absolute;top:92px;z-index:1;color:#fff;font-size:12px;padding:3px 5px;width:112px;display:none;}
</style>

当鼠标点击链接目标，执行下面的JS代码，意思是把先前隐藏起来的DIV显示出来

<script type="text/javascript">
function updateing()
{
 document.getElementById('updateing').style.display='block';
}
</script>

下面就是在Body内容中的div布局

<div id="updateing" class="updateing" style="position:absolute;top:180px;">正在更新请稍后...</div>

<a  onclick="updateing();" href="/abc.htm" >最新上传</a>  /*需要点击的链接*/

这样就基本上完成效果了，通过这样的方法，我们还可以用在其他的地方，如表单的提交等等，大家可以去试试。

刚看到有些朋友把我的文章转到自己的博客或空间，作者却改成自己的，这样很不好。
本博客大部分内容都属于[天空下的雨]原创，请需要转载的朋友注明出处，并加上链接。谢谢！