编程 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 相关文章推荐

自己的js工具 Event封装

Aug 21 Javascript

FireFox下XML对象转化成字符串的解决方法

Dec 09 Javascript

html5 canvas js(数字时钟)实例代码

Dec 23 Javascript

js操作IE浏览器弹出浏览文件夹可以返回目录路径

Jul 14 Javascript

JavaScript 实现完美兼容多浏览器的复制功能代码

Apr 28 Javascript

jquery实现带缩略图的全屏图片画廊效果实例

Jun 25 Javascript

Bootstrap页面缩小变形的快速解决办法

Feb 03 Javascript

微信小程序之数据双向绑定与数据操作

May 12 Javascript

基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能

May 16 Javascript

layer.alert回调函数执行关闭弹窗的实例

Sep 11 Javascript

如何基于js判断浏览器版本

Feb 20 Javascript

浅谈webpack构建工具配置和常用插件总结

May 11 Javascript

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

sqlyog 中文乱码问题的设置方法

2008/10/19 PHP

php数组函数序列之array_unshift() 在数组开头插入一个或多个元素

2011/11/07 PHP

php写入文件不覆盖的实例讲解

2019/09/17 PHP

javascript 解析后的xml对象的读取方法细解

2009/07/25 Javascript

利用jquery的获取JS文件中的字符串内容

2012/02/14 Javascript

正则表达式优化JSON字符串的技巧

2015/12/24 Javascript

jQuery unbind()方法实例详解

2016/01/19 Javascript

jquery仿QQ登录账号选择下拉框效果

2016/03/22 Javascript

javascript insertAfter()定义与用法示例

2016/07/25 Javascript

jquery事件绑定解绑机制源码解析

2016/09/19 Javascript

Bootstrap栅格系统的使用和理解2

2016/12/14 Javascript

vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)

2017/10/16 Javascript

解决vue中使用Axios调用接口时出现的ie数据处理问题

2018/08/13 Javascript

layui获取选中行数据的实例讲解

2018/08/19 Javascript

微信小程序内拖动图片实现移动、放大、旋转的方法

2018/09/04 Javascript

微信小程序scroll-view横向滑动嵌套for循环的示例代码

2018/09/20 Javascript

js实现点击展开隐藏效果（实例代码）

2018/09/28 Javascript

微信小程序子级页面返回父级并把子级参数带回父级实现方法

2019/08/22 Javascript

Layui 动态禁止select下拉的例子

2019/09/03 Javascript

[56:00]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第一局

2016/03/05 DOTA

python flask实现分页效果

2017/06/27 Python

Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】

2019/10/30 Python

tensorflow模型的save与restore,及checkpoint中读取变量方式

2020/05/26 Python

HTML5在手机端实现视频全屏展示方法

2020/11/23 HTML / CSS

法国和欧洲海边和滑雪度假：Pierre & Vacances

2017/01/04 全球购物

巴西电子、家电、智能手机购物网站：Girafa

2019/06/04 全球购物

澳大利亚在线床零售商：Bedworks

2020/09/01 全球购物

销售员自我评价怎么写

2013/09/19 职场文书

高校自主招生自荐信

2013/12/09 职场文书

公司委托书范本

2014/04/04 职场文书

法学求职信

2014/06/22 职场文书

研究生个人学年总结

2015/02/14 职场文书

基石观后感

2015/06/12 职场文书

入党转正申请自我鉴定

2019/06/25 职场文书

JavaScript canvas实现流星特效

2021/05/20 Javascript

MySQL聚簇索引和非聚簇索引的区别详情

2022/06/14 MySQL