使用<a>标签来实现标题中的效果

1、当<a>标签的href属性是“#”加上“某标签”的id时,点击<a>标签之后就可以跳转到本页面的“某标签”位置,这是实现同页面的跳转,大多数用在“回到顶部”之类的功能。这里的某标签可以是<a>标签也可以是div、p等标签。

2、要实现点击跳转效果,要给按钮添加点击事件

如上所示,我要点击b.html的按钮之后跳转到a.html页面的指定位置,先在b.html上面写点击事件函数,用location.href直接添砖页面到a.html页面,并且携带一个参数a,值就是你要跳转的地方

3、在a.html页面定义一个函数,在页面形成之后自动执行

 

 截取url上面是否有a的值,如果有则自动点击a标签,这里的<a>标签有两处,其中被点击的可以在任意地方,而标记地方的那个<a>标签则写在你需要的地方,前面一个<a>标签可以不写样式,就可以隐藏起来,

 还要注意的是,函数中获取a标签时要使用原生js,使用document.get....来获取才生效

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐