在页面加载的时候,滚动条自动滚到最下面的解决方案

     在页面加载的时候,滚动条自动滚到最下面的解决方案:
1.对于加载之后就不变化的页面,我们可以在页面的最后,在</body>之前插入下面的语句,
就可以保证每次都滚动到最下面,在实时中可以实现最新的记录始终在最下面。
  <script>
  window.scrollTo(0,document.body.scrollHeight)  
  </script>
  在body中使用load函数是不可行的,因为页面在加载的时候无法确定他的height,所以无法实现定位到最底部。
  使用锚的方法也可行,但是我没有成功。  
2.如果使用ajax技术,如下面的页面
 <!--client.jsp -->
  <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Test Ajax</title>
</head>
<script language="JavaScript">
function GetResult()
{
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
oBao.open("POST","Server.jsp",false);
oBao.send();
var strResult = oBao.responseText;
row1 = tb.insertRow();
cell2 = row1.insertCell();
cell3 = row1.insertCell();
cell2.innerText =parseInt(strResult);
cell3.innerText =parseInt(strResult)+1;
}
function MyShow()
{
//2秒自动刷新一次,2秒取得一次数据.
timer = window.setInterval("GetResult()",1000);

}
</script>
<body οnlοad="MyShow()">
这个页面使用ajax技术每隔1秒更新页面中的内容,并且最新记录始终在最下面。
<table width="47%" height="23" border="0" cellpadding="1"
    cellspacing="0" id="tb">
    <tr>
        <td>num1</td>
        <td>num2</td>
    </tr>
</table>
</body>
</html>
<!--server.jsp-->
<%
int iValue = 0;
java.util.Random random = new java.util.Random();
iValue = Math.abs(random.nextInt()) % 100 + 1;
String s=String.valueOf(iValue);
response.getWriter().write(""+iValue);
%>
每隔一秒中ajax就要从server页面获取信息,通过插入表格的形式更新client页面中的内容,
这种情况下在页面最后插入我们上面的script语句就不起作用了。可以在GetResult函数的最后使用
window.scroll(0,document.body.scrollHeight);这样就可以每次定位到页面的最下面。

在Div中如过要使滚动条每次都在最下面显示的话可以使用下面的方法:
首先获取Div的id然后设置top=height具体过程如下:
function update(){
    var obj = document.getElementById("divid");
    obj.scrollTop = obj.scrollHeight;
}
然后在body中加载。

在onload的时候要同时加载两个函数的话,使用";"隔开就可以了。



待解决问题:
如何在分级的时候实时更新页面中的信息。
问题描述:报警信息分为五级,当用户点任一级查看报警信息的时候,如果在这一级产生新的报警信息如何显示。
解决方法:用户选择一种级别的报警信息之后,首先从内存中获取此级别的报警信息,
                    然后再使用ajax技术通过比较时间从数据库中取新的信息。
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值