打开正规网站的网页时，是由上往下显示的，为什么？
就是还没下载完整个页面的时候，我们总是先看见网页的最上面部分，然后逐渐往下扩展，直到整个页面下载完毕。
这种效果是在什么层面上实现的呢？编网页脚本的时候加的代码？还是浏览器解释页面的时候的一种功能？还是什么别的？
高手教我……
这样解释
网页都是有它的代码的
比如本页就是：
<!--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=8589467&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-zhidao.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://baike.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/zhidao_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/8113389.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=8589467&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="bai">
<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/zhidao_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="8589467">
<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/zhidao_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/duty/copyright.html">©2006</a> Baidu</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>
你可以在“查看”的“原文件”中看到
因为大网站参数多
不能一下子全部下载下来
而上边的信息在代码的前边，所以就先被看到
不是什么效果
网页都是有它的代码的
比如本页就是：
<!--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=8589467&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-zhidao.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://baike.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/zhidao_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/8113389.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=8589467&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="bai">
<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/zhidao_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="8589467">
<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/zhidao_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/duty/copyright.html">©2006</a> Baidu</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>
你可以在“查看”的“原文件”中看到
因为大网站参数多
不能一下子全部下载下来
而上边的信息在代码的前边，所以就先被看到
不是什么效果
温馨提示：内容为网友见解，仅供参考
无其他回答
打开正规网站的网页时,是由上往下显示的,为什么?
网页都是有它的代码的比如本页就是:<!--STATUS OK--><!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN">打开正规网站的网页时,是由上往下显示的,为什么?_百度知道 <nobr>
为什么网页上的图象是从上往下一点一点的显示的?
这个很正常呀, jpg格式的都是 从上往下 一点一点显示的,这些图象格式都是经过压缩的图象格式很适合网络传播,所以这样可以让显示的速度快,不至于让朋友闷等很长时间.
为什么网页打开都是列表式的格式 从上到下那种···
有两种可能：1、浏览器和网络的问题，解决的办法：刷新页面 2、页面编码方式的问题，解决的办法：1）在页面点击鼠标右键——编码，修改编码方式；2）浏览器菜单栏查看——编码，修改编码方式；
求救!浏览网页向下移动时页面像是由上往下覆盖,就像手机上的电子书自动...
根据你说的情况，应该是分辨率变低了，可以调整过来：在桌面单击右键——选择属性——设置——左下角有分辨率，调到最大即可。
浏览网页的是时候,向下滚动从上往下会出现线条谢谢了,大神帮忙啊
那是因为在IE中的网页还没有加载完毕，你就滚动鼠标滚轮，就会出现线条；你不去向下滚动呢就不会出现线条。因为这种情况我也遇见过，我就多等它一会儿，耐心等它加载完毕后再向下滚动。用IE内核浏览器基本上都会出现这种情况，因为IE内核解析网页速度慢，再加上 网速如果不是很快，就这样了。换个非IE...
为什么有的网页点开后,鼠标从上往下拉,每个模块内容都是动态闪出来的...
css3 transition过渡 js判断元素滚动到视口的位置，动态添加class
电脑看网页时不知道为什么自己从上面滚到下面,
鼠标的问题，换个鼠标。鼠标有个功能就是，你按鼠标滚轮一下，把鼠标指针往下一点，页眉就会从上而下滚动
ie一打开一个网页就自动往上拉或者往下拉?
首先只打开一个网页，然后用鼠标朝各个方向把它拉至全屏大小，最后关闭再打开看看 如果不行，那就用奇虎360把浏览器恢复到出厂设置，一般就能解决
浏览网页时往下移动怎么会好像水在屏幕上往下流
显卡驱动安装不正确，右击“我的电脑”选设备管理器 查看下 桌面右击选属性出现 “显示 属性”==“设置”--高级==监视器 里面就有屏幕刷新频率 台式75赫兹、笔记本60赫兹
在IE中打开网页时,会显示网页的最上端,往下翻页会自动回到页面上端...
1.从别人那下个360急救箱，或金山急救箱，在“带网络连接的安全模式下”扫描，一般就可以解决。如果不行转2.2.请问你重装系统是在格式化C盘的情况装的还是覆盖式安装的？如果覆盖式则建议重新格式化C盘安装，如果不是没有解决的，只能把重要数据拷出来，全盘格式化装系统~！祝好~！补充：1：检查下内存...
相似回答
大家正在搜
