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

瀑布流布局代码一例

Apr 11 Javascript

一个css与js结合的下拉菜单支持主流浏览器

Oct 08 Javascript

JavaScript中实现继承的三种方式和实例

Jan 29 Javascript

Javascript简单改变表单元素背景的方法

Jul 15 Javascript

使用PHP+JavaScript将HTML页面转换为图片的实例分享

Apr 18 Javascript

详解vue-Resource（与后端数据交互）

Jan 16 Javascript

React Native之ListView实现九宫格效果的示例

Aug 02 Javascript

微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码

Nov 09 Javascript

Bootstrap 实现表格样式、表单布局的实例代码

Dec 09 Javascript

如何基于原生javaScript生成带图片的二维码

Nov 21 Javascript

解决vue请求接口第一次成功,第二次失败问题

Sep 08 Javascript

微信小程序中target和currentTarget的区别小结

Nov 06 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

file_get_contents获取不到网页内容的解决方法

2013/03/07 PHP

PHP获取MSN好友列表类的实现代码

2013/06/23 PHP

PHP基于imap获取邮件实例

2014/11/11 PHP

php程序员应具有的7种能力小结

2014/11/27 PHP

smarty自定义函数htmlcheckboxes用法实例

2015/01/22 PHP

详解PHP+AJAX无刷新分页实现方法

2015/11/03 PHP

PHP中SSO Cookie登录分析和实现

2015/11/06 PHP

PHP请求Socket接口测试实例

2016/08/12 PHP

thinkPHP实现的联动菜单功能详解

2017/05/05 PHP

表单元素的submit()方法和onsubmit事件应用概述

2013/02/01 Javascript

javascript一元操作符(递增、递减)使用示例

2013/08/07 Javascript

javascript中expression的用法整理

2014/05/13 Javascript

html的DOM中document对象images集合用法实例

2015/01/21 Javascript

Jquery技巧(必须掌握)

2016/03/16 Javascript

javascript HTML5 canvas实现打砖块游戏

2020/06/18 Javascript

微信小程序教程之wxapp视图容器 swiper

2016/10/19 Javascript

js 点击a标签获取a的自定义属性方法

2016/11/21 Javascript

JS实现的走迷宫小游戏完整实例

2017/07/19 Javascript

JavaScript生成指定范围随机数和随机序列的方法

2018/05/05 Javascript

微信小程序new Date()方法失效问题解决方法

2019/07/29 Javascript

详解Vue中的Props与Data细微差别

2020/03/02 Javascript

vue+koa2搭建mock数据环境的详细教程

2020/05/18 Javascript

js实现弹幕飞机效果

2020/08/27 Javascript

vue 使用localstorage实现面包屑的操作

2020/11/16 Javascript

Python使用urllib2模块实现断点续传下载的方法

2015/06/17 Python

Python pyinotify日志监控系统处理日志的方法

2018/03/08 Python

Python3.9 beta2版本发布了,看看这7个新的PEP都是什么

2020/06/10 Python

俄罗斯运动、健康和美容产品在线商店：Lactomin.ru

2020/07/23 全球购物

WebSphere 应用服务器都支持哪些认证

2013/12/26 面试题

世界经理人咨询有限公司面试

2014/09/23 面试题

办护照工作证明范本

2014/01/14 职场文书

英语自我评价范文

2014/01/24 职场文书

房产买卖委托公证书

2014/04/04 职场文书

软件工程毕业生自荐信

2014/07/04 职场文书

2015年世界艾滋病日活动总结

2015/03/24 职场文书

婚育证明格式

2015/06/17 职场文书