打开正规网站的网页时，是由上往下显示的，为什么？
发布网友
发布时间：2022-04-22 09:17
共1个回答
热心网友
时间：2023-06-28 19:42
这样解释
网页都是有它的代码的
比如本页就是：
<!--STATUS OK-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>打开正规网站的网页时，是由上往下显示的，为什么？_百度知道 </title>
<link rel="alternate" type="application/rss+xml" title="“打开正规网站的网页时，是由上往下显示的，为什么？”的最新回答（RSS 2.0）" href="http://zhidao.baidu.com/q?ct=20&qid=85467&pn=65535&rn=25&tn=rssqb">
<link href="/iknow.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="usrbar"><nobr><strong>fshyl</strong> 经理 四级(2465) | <a href="http://passport.baidu.com/?center&tpl=ik&aid=7&default_tab=4&default_page=2" target="_blank">我的提问</a> | <a href="http://passport.baidu.com/?center&tpl=ik&aid=7&default_tab=4&default_page=3" target="_blank">我的回答</a> | <a href="http://passport.baidu.com/?center&tpl=ik&aid=7&default_tab=4" target="_blank">个人中心</a> | <script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+escape(location.href)+'">退出</a>');</script></nobr></div>
<table width="750" border="0" cellspacing="0" cellpadding="0" class="hd"><tr>
<td width="146" valign="top"><a href="/"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" border="0" alt="百度知道" width="137" height="46" vspace="3"></a></td>
<td><div id="tab"><a href="http://news.baidu.com/">资讯</a> <a href="http://www.baidu.com/">网页</a> <a href="http://post.baidu.com/">贴吧</a> <strong>知道</strong> <a href="http://mp3.baidu.com/">MP3</a> <a href="http://image.baidu.com/">图片</a> <a href="http://ke.baidu.com/">百科</a></div>
<table border="0" cellspacing="0" cellpadding="0"><tr><form action="/q" name="ftop" method="get"><td nowrap> <input class=hdi maxlength=256 tabindex=1 size=42 name=word> </td><td><a href="http://www.baidu.com/search/_help.html">帮助</a></td></tr></table>
<div style="margin-top:4px"><input type="submit" tabindex=2 value="搜索答案" class="bnsrh"><input type="hidden" name="ct" value="17"><input type="hidden" name="pn" value="0"><input type="hidden" name="tn" value="ikaslist"><input type="hidden" name="rn" value="10"><input type="button" onclick="ask(ftop);" style="margin-left:8px" tabindex=3 value="我要提问" class="bnsrh"></div>
</form>
<form name="fask" action="/q" method="get"> <input type="hidden" name="ct" value="17"><input type="hidden" name="pn" value="0"><input type="hidden" name="tn" value="ikask"><input type="hidden" name="rn" value="12"><input type="hidden" name="word" value=""> <input type="hidden" name="cm" value="1"><input type="hidden" name="lm" value="394496"></form>
</td></tr></table>
<script language="JavaScript">function ask(fn){document.fask.word.value=fn.word.value;fask.submit();}</script>
<script>
var url = escape(location.href);
function ctlSubmit(event) {
if (event.ctrlKey && event.keyCode == 13) { fdf.submit() }
}
function checkco(f,des)
{ if(f.co.value=="") {alert("请输入您的"+des); return false;}}
function limitpl(f,des)
{ if(f.co.value=="") {alert("请输入您的"+des); return false;} return limitChars(f.co,des,200);}
function checkcoAndsn(f,des)
{ if(f.co.value=="") {alert("请输入您的"+des); return false;} return limitChars(f.sn,"参考资料",60);}
function cReply(flag)
{ if (flag=="yes") {
document.getElementById('replyTB').style.display=""; }
if(flag=="no"){document.getElementById('replyTB').style.display="none"; }
location.href="#here";
}
function fixReply(flag){ setTimeout("cReply('"+flag+"')",300);}
function limitChars(obj,obj_Str,limit_len)
{
var c = getLeftChars(obj,limit_len);
if(c<0)
{
echo_str = obj_Str + "限定在"+limit_len+"个字以内，请缩短字数";
alert(echo_str);
obj.focus();
return false;
}
return true;
}
function getLeftChars(varField,limit_len) {
var i = 0;
var cap = limit_len*2;
var j=0;
var runtime = (varField.value.length>cap)?(cap+1):varField.value.length;
for (i = 0; i< runtime; i++) {
if (varField.value.charCodeAt(i) > 127 || varField.value.charCodeAt(i) == 94) {
j=j+2;
}
else {
j=j+1
}
}
var leftchars = cap - j;
return (leftchars);
}
</script>
<div id="main">
<div class="path"><a href="/">百度知道</a> > <a href="/browse/74?lm=9">电脑/数码</a> > <a href="/browse/88?lm=9">互联网</a></div>
<div id="right">
<div class="t3 bcy bgy">快到期问题</div>
<div class="b3 bcy mb12">
<table border="0" cellpadding="0" cellspacing="0" class="wr">
<tr><td width=10 valign="top">• </td>
<td><a href="/question/8118276.html?md=1" target="_blank">番茄花园论坛的邀请码</a></td></tr><tr><td width=10 valign="top">• </td>
<td><a href="/question/8115238.html?md=1" target="_blank">急逐鹿中原53区ip呀</a></td></tr><tr><td width=10 valign="top">• </td>
<td><a href="/question/8114486.html?md=1" target="_blank">我想知道陶家字谜是谁出的,注册网站也可以</a></td></tr><tr><td width=10 valign="top">• </td>
<td><a href="/question/8114460.html?md=1" target="_blank">Google Gadgets 怎样添加到Google desktop中</a></td></tr><tr><td width=10 valign="top">• </td>
<td><a href="/question/81133.html?md=1" target="_blank">网站能加盟文明上网的行列吗</a></td></tr>
<tr><td width="10"> </td><td height="22" align="left"><a href="/browse/88?lm=6" class="lmore">更多>></a></td></tr></table>
</div>
<div class="mb12"><a href="/q?ct=20&qid=85467&pn=65535&rn=25&tn=rssqb" target="_blank" title="订阅“打开正规网站的网页时，是由上往下显示的，为什么？”的最新回答"><img src="http://www.baidu.com/search/img/rss_xml.jpg" border="0" width="36" height="14" align="absmiddle"></a> 订阅该问题</div>
<div class="b4y gray mb12">
您想在自己的网站上展示百度“知道”上的问答吗？来<a href="/iknowcode.html" target="_blank">获取免费代码</a>吧！
<hr size="1">如要投诉或提出意见建议，请到<br><a href="http://post.baidu.com/f?kw=%B0%D9%B6%C8%D6%AA%B5%C0%CD%B6%CB%DF" target="_blank">百度知道投诉吧</a>反馈。
</div>
</div>
<div id="center">
<div class="">
<div class="t3 bcg bgg">待解决</div>
<div class="b3 bcg mb12">
<div class="p90">
<div class="f14 B wr">打开正规网站的网页时，是由上往下显示的，为什么？</div>
<div class="wr"><span class="red"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/icn_point.gif" width="16" height="16" align="absmiddle"> 悬赏分：0</span> - <span class="gray">离问题结束还有 13 天 22 小时</span></div>
<div class="wr f14">就是还没下载完整个页面的时候，我们总是先看见网页的最上面部分，然后逐渐往下扩展，直到整个页面下载完毕。
<br>这种效果是在什么层面上实现的呢？编网页脚本的时候加的代码？还是浏览器解释页面的时候的一种功能？还是什么别的？
<br>高手教我……</div>
<div class="wr f14"></div>
<div align="right" class="gray wr">提问者：<a href="http://passport.baidu.com/?detail&aid=7&default_tab=2&un=gz%5Fjason" target=_blank>gz_jason</a> - <a href="http://www.baidu.com/search/_help.html#n5" target=_blank>魔法师 五级</a> </div>
<div><input type=button value="我来回答" onClick="location.href='#reply';"></div>
</div></div><!--b3+p90-->
<form method="post" name="fdf" action="/q" onSubmit="return checkcoAndsn(this,'回答');">
<input type="hidden" name="ct" value="22">
<input type="hidden" name="cm" value="100009">
<input type="hidden" name="tn" value="ikreplysubmit">
<input type="hidden" name="qid" value="85467">
<input type="hidden" name="cid" value="88">
<script language="javascript">
document.write("<input type=hidden name=lu value="+escape(location.href)+ ">");
</script>
<div class="b4g">
<table width="90%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="22%" nowrap class="f14"><a name="reply"></a>我也来回答：</td>
<td width="78%"><textarea name="co" cols="50" rows="10" onKeyDown="ctlSubmit(event);" style="width:97%;"></textarea> <br> 回答即可得2分，回答被采纳则获得悬赏分以及奖励20分。 <a href="http://www.baidu.com/search/_help.html#n4">积分规则</a><br>回答字数在10000字以内</td>
</tr>
</table>
<br> <table width="90%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="22%" nowrap class="f14">参考资料：</td>
<td width="78%"><input name="sn" type="text" size="50" onKeyDown="ctlSubmit(event);">
<br> <span class="style3">如果您的回答是从其他地方引用，请表明出处。</span> </td>
</tr>
</table>
<br> <table width="90%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="22%" class="f14"> </td>
<td width="78%"><input type="submit" value="提交回答" class="bnsrh">
<input type="checkbox" name="md" value="1" style="margin-left:40px;">
匿名回答 </td>
</tr>
</table>
</div>
</form>
</div></div>
</div>
<div id="cp"><a href="http://www.baidu.com/ty/copyright.html">©2006</a> Bai</div>
<!--[if IE]>
<script language="JavaScript">
var objmain = document.getElementById("main");
function updatesize(){ var bodyw = window.document.body.offsetWidth; if(bodyw <= 792) objmain.style.width="752px"; else if(bodyw >= 1016) objmain.style.width="976px"; else objmain.style.width="100%"; }
updatesize(); window.onresize = updatesize;
</script>
<![endif]-->
</body>
</html>
你可以在“查看”的“原文件”中看到
因为大网站参数多
不能一下子全部下载下来
而上边的信息在代码的前边，所以就先被看到
不是什么效果
