加载后页面位置奇怪

时间:2010-10-11 15:37:50

标签: javascript ajax pageload

为什么每次加载我的网站时都不会打开每个页面,但是在中间,所以我必须向上滚动才能看到此页面的顶部。

我知道这是因为基于Ajax的聊天框,但我无法发现它的错误。 JavaScript位于页面底部,</body>之前。

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

chat.php输出的脚本第120行有这一行:

message.focus();

将焦点放在<input id="message" type="text" size="25" maxlength="80" onkeyup="keyup(event);">文本输入上。那就是你的页面正在跳跃。

它跳到那一点,然后加载聊天消息。

答案 1 :(得分:0)

您的index2.html包含<br>个标记;这是你看到的间距。

<html> 
<head> 
<link rel="stylesheet" href="/style.css" type="text/css"> 
</head> 
<body> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br><br> 

<div id="chatramka"> 
<div style="text-align:center;margin:3px;">Shoutbox</div> 
    <div id="chat">Åadowanie shoutboxa...</div>     
    <div style="overflow:auto;"><input id="message" type="text" size="25" maxlength="80"  onkeyup="keyup(event);"> 
    <input id="chatbtn" type="button" value="wyślij" onclick="chat_write();" style="cursor:pointer;border:1px solid gray;"></div> 
</div> 
<script language="JavaScript" type="text/javascript" src="chat.php"></script> 
</body> 
</html>