
向上或返回到页面顶部的实现方法
发布时间:2009-11-25 23:07:12 文章来源:jiaxingweb 浏览:[ ] 评论:[ ]
今天在查找如果一篇文章很长是,要在页面的最下面加上一个“返回顶部”的功能,原以为这个问题很复杂,在搜索引擎中查找关于javascript如何实现的材料,是得到了很多种实现的方法,但是中感觉它们所写的功能太强大了,有时候我们根本就用不到这么强到的功能,而且如果你用不到而非要加载在页面中会加大页面的下载速度,在网上写的最多的一种,而是使用最多的一种方法,就是在页面的最前门用个A标准,加上name属性,是锚记,再在所“返回顶部”的地方加上<a href=”#name值”>返回顶部</a>
例子如下:
<html>
<head>
<title>
</title>
</head>
<body>
<a name=”dingbu”><a>
<p>页面正文开始</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>页面正文结束</p>
<a href=”#name” >返回顶部</a>
</body>
</html>
本类中好多属性没有写,如果要符合w3c标准,还要在代码中加入很多属性的。
因为我们现在大部分都是用动态页面静态化技术和cms系统等,这样的话可能需要修改好多东西,但是今天实验有一种更简单的方法就是直接使用href属性值为#,如下:<a href=”#” >返回顶部</a>
这是一种更简单的方法。随便加上返回前一个页面的方法:<a href='javascript:history.go(-1);'>【返回】</a>
评论
发表评论
