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

发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载

Jul 21 Javascript

JavaScript 拖拉缩放效果

Dec 10 Javascript

那些年，我还在学习jquery 学习笔记

Mar 05 Javascript

jquery实现简易的移动端验证表单

Nov 08 Javascript

js实现模拟银行卡账号输入显示效果

Nov 18 Javascript

JavaScript获取对象在页面中位置坐标的方法

Feb 03 Javascript

基于bootstrap的文件上传控件bootstrap fileinput

Dec 23 Javascript

JS实现的简易拖放效果示例

Dec 29 Javascript

canvas知识总结

Jan 25 Javascript

vue2.0中click点击当前li实现动态切换class

Jun 21 Javascript

小程序视频列表中视频的播放与停止的示例代码

Jul 20 Javascript

vue 扩展现有组件的操作

Aug 14 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

海贼王：最美的悬赏令！

2020/03/02 日漫

re0第二季蕾姆被制作组打入冷宫！艾米莉亚女主扶正，原因唏嘘

2020/04/02 日漫

PHP积分兑换接口实例

2015/02/09 PHP

PHP添加PNG图片背景透明水印操作类定义与用法示例

2019/03/12 PHP

tp5.1 框架join方法用法实例分析

2020/05/26 PHP

返回页面顶部top按钮通过锚点实现(自写)

2013/08/30 Javascript

jQuery知识点整理

2015/01/30 Javascript

javascript常用方法总结

2015/05/14 Javascript

JavaScript中的acos()方法使用详解

2015/06/14 Javascript

基于jQuery 实现bootstrapValidator下的全局验证

2015/12/07 Javascript

使用js获取地址栏参数的方法推荐(超级简单)

2016/06/14 Javascript

Vue 短信验证码组件开发详解

2017/02/14 Javascript

JS实现留言板功能[楼层效果展示]

2017/12/27 Javascript

Vue中this.$router.push参数获取方法

2018/02/27 Javascript

JavaScript实现创建自定义对象的常用方式总结

2018/07/09 Javascript

详解在vue-cli3.0中自定css、js和图片的打包路径

2019/08/26 Javascript

Windows上node.js的多版本管理工具用法实例分析

2019/11/06 Javascript

vuex的使用步骤

2021/01/06 Vue.js

[58:54]EG vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.16

2019/08/18 DOTA

使用python统计文件行数示例分享

2014/02/21 Python

举例讲解Linux系统下Python调用系统Shell的方法

2015/11/07 Python

利用python实现命令行有道词典的方法示例

2017/01/31 Python

Python学习笔记之迭代器和生成器用法实例详解

2019/08/08 Python

10行Python代码计算汽车数量的实现方法

2019/10/23 Python

Pytorch环境搭建与基本语法

2020/06/03 Python

Python Request类源码实现方法及原理解析

2020/08/17 Python

机工车间主任岗位职责

2014/03/05 职场文书

标准的毕业生自荐信

2014/04/20 职场文书

绿色小区申报材料

2014/08/22 职场文书

校长师德师风自我剖析材料

2014/09/29 职场文书

小学生2015教师节演讲稿

2015/03/19 职场文书

2015年技术员工作总结

2015/04/10 职场文书

归途列车观后感

2015/06/17 职场文书

2017年寒假少先队活动总结

2016/04/06 职场文书

Redis做数据持久化的解决方案及底层原理

2021/07/15 Redis

Mysql8.0递归查询的简单用法示例

2021/08/04 MySQL