代码保持在网页的最下方（网页一直在最下面）

本篇文章给大家谈谈代码保持在网页的最下方，以及网页一直在最下面对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何用CSS把层固定在整个网页的最底部？
• 2、求图片始终保持在网页最底端的代码
• 3、求助：给个固定在网页底部的代码
• 4、为什么要把JavaScript代码尽量放到网页底部

如何用CSS把层固定在整个网页的最底部？

html代码

body

DIV id="container"

DI id="content"

h1Content/h1

p请改变浏览器窗口的高度，以观察footer效果。/p

p这里是示例文字，DIV固定………，这里是示例文字。/p

/DIV

DIV Vid="footer"

h1Footer/h1

/DIV

/DIV

/body

CSS代码：

程序代码

body,html{

margin:0;

padding:0;

font:12px/1.5arial;

height:100%;

}

#container{

min-height:100%;

position:relative;

}

#content{

padding:10px;

padding-bottom:60px;

/*20px(font-size)

x2(line-height)+10px(padding)x2=60px*/

}

#footer{

position:absolute;

bottom:0;

padding:10px0;

background-color:#AAA;

width:100%;

}

#footerh1{

font:20px/2Arial;

margin:0;

padding:010px;

}

求图片始终保持在网页最底端的代码

div id=divMenu style="Z-INDEX: 1; LEFT: 900px; WIDTH: 80px; POSITION: absolute; TOP: 84px; HEIGHT: 191px; background-color:

#ffffff; layer-background-color: #330033; border: 1px none #ffffff;" 这里可以放入图片，位置可以在上面参数中调整left距离左侧多少px,top距离顶部多少px。。。。 /div

script language=JavaScript

var bNetscape4plus = (navigator.appName == "Netscape" navigator.appVersion.substring(0,1) = "4");

var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" navigator.appVersion.substring(0,1) = "4");

function CheckUIElements(){

var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;

if ( bNetscape4plus ) {

yMenuFrom = document["divMenu"].top;

yMenuTo = top.pageYOffset + 295;

}

else if ( bExplorer4plus ) {

yMenuFrom = parseInt (divMenu.style.top, 10);

yMenuTo = document.body.scrollTop + 135; //距页面顶部的距离

}

timeoutNextCheck = 500;

if ( Math.abs (yButtonFrom - (yMenuTo + 152)) 6 yButtonTo yButtonFrom ) {

setTimeout ("CheckUIElements()", timeoutNextCheck);

return;

}

if ( yButtonFrom != yButtonTo ) {

yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );

if ( yButtonTo yButtonFrom )

yOffset = -yOffset;

if ( bNetscape4plus )

document["divLinkButton"].top += yOffset;

else if ( bExplorer4plus )

divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;

timeoutNextCheck = 10;

}

if ( yMenuFrom != yMenuTo ) {

yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );

if ( yMenuTo yMenuFrom )

yOffset = -yOffset;

if ( bNetscape4plus )

document["divMenu"].top += yOffset;

else if ( bExplorer4plus )

divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;

timeoutNextCheck = 10;

}

setTimeout ("CheckUIElements()", timeoutNextCheck);

}

function OnLoad()

{

var y;

if ( top.frames.length )

if ( bNetscape4plus ) {

document["divMenu"].top = top.pageYOffset + 135;

document["divMenu"].visibility = "visible";

}

else if ( bExplorer4plus ) {

divMenu.style.top = document.body.scrollTop + 235;

divMenu.style.visibility = "visible";

}

CheckUIElements();

return true;

}

OnLoad();

/script

求助：给个固定在网页底部的代码

看这个代码可以点击切换到小图标的，我试过了，可以用

具体的框里的东西可以自己再美化 大概的功能是有的

为什么要把JavaScript代码尽量放到网页底部

这个问题有两个考虑：

如果是外部加载的js， 也就是通过src加载的外部js，  这种方式调用的js之所以要放到底部是因为浏览器渲染网页是从上往下，页面是用户能看到的也能直观感受到的，而js代码是用户看不到的，属于“幕后”的东西， 把“幕后”的东西放到最下面，那么用户能看得见的页面加载速度就会更快，让用户感觉页面打开速度很快，提高用户体验。

js一般会用于对页面DOM的操作，如果将js代码放到页面顶部， 基于浏览器从上往下加载的机制，有可能被操作的DOM节点还未加载完毕，JS就去操作DOM了，这明显会导致出错，放到页面底部会保险一些。

主要考虑是第一条， 第二条现在为了百分百保证DOM树渲染完毕执行JS， 基本都用load检测了。

关于代码保持在网页的最下方和网页一直在最下面的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。