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

HTML中不支持静态Expando的元素的问题

Mar 08 Javascript

jquery 锁定弹出层实现代码

Feb 23 Javascript

javascript重写alert方法的实例代码

Mar 29 Javascript

javascript中match函数的用法小结

Feb 08 Javascript

简述JavaScript对传统文档对象模型的支持

Jun 16 Javascript

jquery实现清新实用的网页菜单效果

Aug 28 Javascript

浅谈node.js中async异步编程

Oct 22 Javascript

AngularJS使用自定义指令替代ng-repeat的方法

Sep 17 Javascript

JS获取鼠标位置距浏览器窗口距离的方法示例

Apr 11 Javascript

详解vue2 $watch要注意的问题

Sep 08 Javascript

React生命周期原理与用法踩坑笔记

Apr 28 Javascript

jQuery实现滑动开关效果

Aug 02 jQuery

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入门学习的几个不错的实例代码

2008/07/13 PHP

浅谈php fopen下载远程文件的函数

2016/11/18 PHP

Laravel框架中集成MongoDB和使用详解

2019/10/17 PHP

PHP常用函数之根据生日计算年龄功能示例

2019/10/21 PHP

Javascript类定义语法,私有成员、受保护成员、静态成员等介绍

2011/12/08 Javascript

Js判断参数(String,Array,Object)是否为undefined或者值为空

2013/11/04 Javascript

AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

2014/06/06 Javascript

理解javascript闭包

2015/12/15 Javascript

基于jQuery实现左侧菜单栏可折叠功能

2016/12/27 Javascript

详解ES6中的代理模式——Proxy

2018/01/08 Javascript

微信小程序自定义音乐进度条的实例代码

2018/08/28 Javascript

vue 列表页跳转详情页获取id以及详情页通过id获取数据

2019/03/27 Javascript

CountUp.js数字滚动插件使用方法详解

2019/10/17 Javascript

Python的面向对象思想分析

2015/01/14 Python

详解Python在七牛云平台的应用（一）

2017/12/05 Python

Python实现抓取HTML网页并以PDF文件形式保存的方法

2018/05/08 Python

Python使用add_subplot与subplot画子图操作示例

2018/06/01 Python

python去除文件中重复的行实例

2018/06/29 Python

Python基于SMTP协议实现发送邮件功能详解

2018/08/14 Python

对DataFrame数据中的重复行,利用groupby累加合并的方法详解

2019/01/30 Python

python3实现微型的web服务器

2019/09/03 Python

python 实现线程之间的通信示例

2020/02/14 Python

pygame用blit()实现动画效果的示例代码

2020/05/28 Python

python urllib和urllib3知识点总结

2021/02/08 Python

澳大利亚领先的亚麻品牌：Bed Threads

2019/12/16 全球购物

家长学校实施方案

2014/03/15 职场文书

新春联欢会主持词

2014/03/24 职场文书

幼儿园课题方案

2014/06/09 职场文书

班级光棍节联谊会策划书

2014/10/10 职场文书

保证金退回承诺函格式

2015/01/21 职场文书

警告通知

2015/04/25 职场文书

2015年七一建党节活动方案

2015/05/05 职场文书

2016年国培研修日志

2015/11/13 职场文书

2016党校学习心得体会范文

2016/01/07 职场文书

导游词之吉林吉塔

2019/11/11 职场文书

浅谈Python实现opencv之图片色素的数值运算和逻辑运算

2021/06/23 Python