编程 Javascript

js 定位到某个锚点的方法

Posted in Javascript onNovember 19, 2016

html页面内可以设置锚点，锚点定义

Html代码

<a name="firstAnchor">&nsbp;</a>

锚点使用

Html代码

<a href="#firstAnchor">跳至第一个锚点</a>

但对于js呢，在js中如何在完成一个操作后跳至页面的某个固定锚点呢

js中location.href可以跳转至某个url；

跳至（定位到）某个固定锚点的办法

1、location.href = "#firstAnchor"; // firstAnchor为锚点名称

2、window.location.hash = "#firstAnchor"; // firstAnchor为锚点名称

经测试：hash只会在跳转到此页面的第一次起作用，再次刷新此页面将不起作用，而href始终起作用

以上这篇js 定位到某个锚点的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

js 定位到某个锚点的方法

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery 插件学习（四）

Aug 06 Javascript

基于jQuery实现下拉收缩(展开与折叠)特效

Dec 25 Javascript

javascript setTimeout和setInterval计时的区别详解

Jun 21 Javascript

使用apply方法实现javascript中的对象继承

Dec 16 Javascript

JavaScript中对循环语句的优化技巧深入探讨

Jun 06 Javascript

sogou地图API用法实例教程

Sep 11 Javascript

javascript中checkbox使用方法实例演示

Nov 19 Javascript

BootStrap中按钮点击后被禁用按钮的最佳实现方法

Sep 23 Javascript

使用jQuery卸载全部事件的思路详解

Apr 03 jQuery

AngularJS学习笔记之表单验证功能实例详解

Jul 06 Javascript

node.js开发辅助工具nodemon安装与配置详解

Feb 06 Javascript

vue3.0中setup使用(两种用法)

Dec 02 Vue.js

js 模仿锚点定位的实现方法

Nov 19 #Javascript

Javascript使用function创建类的两种方法(推荐)

Nov 19 #Javascript

js 中获取制定的cook信息实现方法

Nov 19 #Javascript

微信小程序入门教程

Nov 18 #Javascript

网络传输协议（http协议）

Nov 18 #Javascript

基于JS组件实现拖动滑块验证功能(代码分享)

Nov 18 #Javascript

Ajax的概述与实现过程

Nov 18 #Javascript

You might like

测试php连接mysql是否成功的代码分享

2014/01/24 PHP

实例介绍PHP的Reflection反射机制

2014/08/05 PHP

一个多次搜索+多次传值的解决方案

2007/01/20 Javascript

一个可以显示阴历的JS代码

2007/03/05 Javascript

jquery 框架使用教程 AJAX篇

2009/10/11 Javascript

jQuery + Flex 通过拖拽方式动态改变图片的代码

2011/08/03 Javascript

jquery自定义滚动条插件示例分享

2014/02/21 Javascript

jquery、js调用iframe父窗口与子窗口元素的方法整理

2014/07/31 Javascript

nodejs中实现阻塞实例

2015/03/24 NodeJs

通过点击jqgrid表格弹出需要的表格数据

2015/12/02 Javascript

Javascript之BOM(window对象)详解

2016/05/25 Javascript

详解如何在Angular中快速定位DOM元素

2017/05/17 Javascript

Vue2几种常见开局方式详解

2017/09/09 Javascript

vue2导航根据路由传值,而改变导航内容的实例

2017/11/10 Javascript

JS实现的集合去重，交集，并集，差集功能示例

2018/03/13 Javascript

JavaScript callback回调函数用法实例分析

2018/05/08 Javascript

JS实现深度优先搜索求解两点间最短路径

2019/01/17 Javascript

原生JavaScript实现日历功能代码实例(无引用Jq)

2019/09/23 Javascript

vue项目强制清除页面缓存的例子

2019/11/06 Javascript

详解Nuxt内导航栏的两种实现方式

2020/04/16 Javascript

Python3处理文件中每个词的方法

2015/05/22 Python

基于Python3.6+splinter实现自动抢火车票

2018/09/25 Python

python中有关时间日期格式转换问题

2019/12/25 Python

Python字符串格式化f-string多种功能实现

2020/05/07 Python

PyQt5实现登录页面

2020/05/30 Python

购买限量版收藏品、珠宝和礼品：Bradford Exchange

2016/09/23 全球购物

4s客服专员岗位职责

2013/12/01 职场文书

美国探亲签证邀请信

2014/02/05 职场文书

英文求职信写作小建议

2014/02/16 职场文书

反腐倡廉警示教育活动总结

2014/05/05 职场文书

新闻传播专业求职信

2014/07/22 职场文书

个人作风建设心得体会

2014/10/22 职场文书

2014年科室工作总结

2014/11/20 职场文书

2014年宣传部个人工作总结

2014/12/06 职场文书

2019财务转正述职报告

2019/06/27 职场文书

如何用PHP实现多线程编程

2021/05/26 PHP