当前位置：文江博客话题详情

页面加载后位置奇怪

发布于 2024-09-26 23:20:05 字数 152 浏览 7 评论 0原文

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

我知道这是因为基于 Ajax 的聊天框，但我无法找出问题所在。 JavaScript 包含在页面底部的之前。

有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

落墨 2024-10-03 23:20:05

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

message.focus();

这将焦点放在文本输入。这就是你的页面向下跳转的原因。

它会跳到该点并然后加载聊天消息。

Line 120 of the script output by chat.php has this line:

message.focus();

Which is giving focus to the <input id="message" type="text" size="25" maxlength="80" onkeyup="keyup(event);"> text input. That's what's jumping your page down.

It jumps down to that point and then loads the chat messages.

回复收藏 0 原文

痴情 2024-10-03 23:20:05

你的index2.html有大量的标签；这就是您看到的间距。

<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>

Your index2.html has loads of <br> tags; which is the spacing gap you see.

<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>

回复收藏 0 原文

~没有更多了~