去评论
dz插件网

HTML书签怎么做?

哥斯拉
2022/05/31 08:04:49
HTML的书签,专业叫锚点,书签代码怎么做?


  1. <div id="top"> <!--这是顶部--><a href="#dv">1.欢迎</a><!--这是书签--></div><div id="dv"> <!--这是我们要跳转的部分--><b>你好!</b></div>

锚点是网页制作中超级链接的一种,又叫命名锚记。在一个网页很长的时候,对内容的分类页内跳转很有帮助!

1、在HTML页面中适当位置定义如下的锚点: <a name="top">这里是TOP顶部部分</a>

注意很多div 标签不认识name 这时候你就必须得用 id

比如:<div class="laodan" id="top">

2、利用超链接标签<a></a>制作锚点链接,主要用于页面内的书签锚点访问

<a href="#top">点击我链接到顶部TOP</a>


location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。

通过window.location.hash=hash这个语句来调整地址栏的地址,使得浏览器里边的“前进”、“后退”按钮能正常使用(实质上欺骗了浏览器)。然后再根据hash值的不同来显示不同的面板(用户可以收藏对应的面板了)


  #代表网页中的一个位置,浏览器读取后就将该位置滚动到可视区域。在网页中为位置指定标识符方法有两个,一个是利用锚点,例如<a name='page1'></a>,另外可以使用id属性,例如<div id='page2'></div>。

     #是用来指导浏览器动作的,http请求中是不包括#部分的,不会发送到服务器端。因此改变location.hash部分,浏览器不会发送请求重新加载页面。

     但是改变location.hash会在浏览器的访问历史中增加一个记录,使用后退键时可以回到上一个浏览位置。利用这一点就可以解决ajax中无访问状态的问题,配合#和历史记录,就可以在无刷新的ajax中顺利往返于各个访问状态。