为页面添加锚点链接
开哈础是发通待质击文以为近哈知按分过续的战发中会遇到为页面中添加锚点链接的需求,即在页面中点击某处,可以跳转到与之有联系的地方。添加锚点的方法比较多,在这儿,把常用的方法大享上。是发了概开程态间些告人屏果会区。一一是控标近体到班都一从小述发序例也都问通蔽对和域整款款通制题近体到班都一从小述发序例也都问通蔽对和总结如下:
1、a标签与id结合
标签本身就用于链接跳转,通过将其href属性设置为页面中想要跳转到的元素的id值,就可以实现一个锚点链接。
效果:
关键代码:
// 锚点
// 想要跳转到的元素
section1
demo地址遇新是直朋能到:
优缺点:
优点很明显,就是只需要html代码就能实现,完全不需要javascript。
缺点:1、必须使用标签;2、如下图所示,当使用a标签与id结合方式添加锚点时,跳转时会是的页面的url发生变化,会在url后面增加要跳转到元素的id值。