<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/javascript">
function update()
{
var now = new Date();
var div = document.getElementById('infoContent');
div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '<br /><br />';
div.scrollTop = div.scrollHeight;
}
</script>
<div id="infoContent" style="overflow:hidden ; height: 200px; width: 500px; border: 0px solid #000;color:#0000cc;font-weight:bold;padding: 10px 10px 10px 10px;">
</div>
<input type="button" value="插入一行" onclick="update();">
实现用js在div里让它在内容更新时自动滚到底部</body>
</html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/javascript">
function update()
{
var now = new Date();
var div = document.getElementById('infoContent');
div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '<br /><br />';
div.scrollTop = div.scrollHeight;
}
</script>
<div id="infoContent" style="overflow:hidden ; height: 200px; width: 500px; border: 0px solid #000;color:#0000cc;font-weight:bold;padding: 10px 10px 10px 10px;">
</div>
<input type="button" value="插入一行" onclick="update();">
实现用js在div里让它在内容更新时自动滚到底部</body>
</html>