首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

[JavaScript][页面定位]锚的容易使用

2013-03-25 
[JavaScript][页面定位]锚的简单使用源:http://blog.csdn.net/szwangdf/article/details/4205553评:?[页面

[JavaScript][页面定位]锚的简单使用

源:http://blog.csdn.net/szwangdf/article/details/4205553

评:

?[页面定位]锚的简单使用

?

1.使用window.location.hash定位到指定的锚

?

[xhtml] view plaincopy
  1. <!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN">??<HTML>??
  2. <HEAD>??<TITLE>?New?Document?</TITLE>??
  3. <META?NAME="Generator"?CONTENT="EditPlus">??<META?NAME="Author"?CONTENT="">??
  4. <META?NAME="Keywords"?CONTENT="">??<META?NAME="Description"?CONTENT="">??
  5. ??<mce:script?laguage="javascript"><!--??
  6. ????function?onTopClick()?{??????????window.location.hash?=?"#top";???
  7. ????}??????function?onBottomClick()?{??
  8. ????????window.location.hash?=?"#bottom";???????}??
  9. //?--></mce:script>???</HEAD>??
  10. ??<BODY>??
  11. ????<a?name="top"></a>??????<input?id="btnBottom"?type="button"?onclick="javascript:onBottomClick()"?value="跳转到底部"/><BR>??
  12. ????????1<BR>2<BR>3<BR>4<BR>5<BR>??????????1<BR>2<BR>3<BR>4<BR>5<BR>??
  13. ????????1<BR>2<BR>3<BR>4<BR>5<BR>??????????1<BR>2<BR>3<BR>4<BR>5<BR>??
  14. ????????1<BR>2<BR>3<BR>4<BR>5<BR>??????????1<BR>2<BR>3<BR>4<BR>5<BR>??
  15. ????????1<BR>2<BR>3<BR>4<BR>5<BR>??????????1<BR>2<BR>3<BR>4<BR>5<BR>??
  16. ????????1<BR>2<BR>3<BR>4<BR>5<BR>??????????1<BR>2<BR>3<BR>4<BR>5<BR>??
  17. ????????1<BR>2<BR>3<BR>4<BR>5<BR>??????????1<BR>2<BR>3<BR>4<BR>5<BR>??
  18. ????<input?id="btnBottom"?type="button"?onclick="javascript:onTopClick()"?value="跳转到顶部"/><BR>??????<a?name="bottom"></a>??
  19. </BODY>??</HTML>?

热点排行