Dream Maker 老漂 不要有和人斗的心,你要赢的是你自己!

HTML页面中快速定位

<div style="width:960px;height:600px;"></div>
<a href="#top" ><img src="images/top.gif" /></a>
<a href="#bottom" ><img src="images/bottom.gif" /></a>
<div style="width:960px;height:600px;"></div>
<a name="bottom"></a>
1)如果你是想在提交页面后使页面自动滚动到提交前的位置,可以使用cookie:

提交页添加:

<script> 
  window.onbeforeunload
=function() 
  { 
          setCookie(
"baobao",document.body.scrollTop); 
  } 
 
function   setCookie(name,value) 
  { 
         
var   Days   =   30
         
var   exp     =   new   Date(); 
          exp.setTime(exp.getTime()  
+   Days*24*60*60*1000); 
          document.cookie  
=   name   +   "="+   escape   (value)   +   ";expires="   +   exp.toGMTString(); 
  } 
 
</script>


目标跳转页面添加:

<script> 
  window.onload
=function() 
  { 
  window.scroll(
0,getCookie("baobao")) 
  } 
 
function   getCookie(name) 
  { 
         
var   arr   =   document.cookie.match(new   RegExp("(^|   )"+name+"=([^;]*)(;|$)")); 
         
if(arr   !=   null)   return   unescape(arr[2]);   return   null
  } 
 
</script>
2) 如果你是想在点某个页面元素的时候定位到页面上另外一个元素的位置:
也可以使用javascript获取目标元素的坐标,然后自动滚动页面到该位置

我想要的效果是,点击按钮后自动定位。
上面的都是通过A来实现的,可如果把BUTTON换成A会改动很大。
用按钮怎么实现呢?

找到解决的办法了。
在JS里面加入这一句
location.href = "#obj_id";
就可以定位到想要定位的位置了。obj_id 就是要定位的id.

Tags: html

发布: 老漂 分类: 网站|站长 评论: 0 浏览: 364
留言列表
发表留言
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。