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

JSON 入门指南想了解json的朋友可以看下

Aug 26 Javascript

如何用JavaScript动态呼叫函数(两种方式)

May 03 Javascript

JS实现Enter键跳转及控件获得焦点

Aug 12 Javascript

jquery.ajax的url中传递中文乱码问题的解决方法

Feb 07 Javascript

轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮

Nov 30 Javascript

常常会用到的截取字符串substr()、substring()、slice()方法详解

Dec 16 Javascript

jQuery插件开发汇总

May 15 Javascript

JS函数修改html的元素内容,及修改属性内容的方法

Oct 28 Javascript

基于代数方程库Algebra.js解二元一次方程功能示例

Jun 09 Javascript

JavaScript实现京东购物放大镜和选项卡效果的方法分析

Jul 05 Javascript

jQuery序列化form表单数据为JSON对象的实现方法

Sep 20 jQuery

微信小程序scroll-view不能左右滑动问题的解决方法

Jul 09 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

多重?l件?合查?(一)

2006/10/09 PHP

用PHP实现浏览器点击下载TXT文档的方法详解

2013/06/02 PHP

PHP获取POST数据的几种方法汇总

2015/03/03 PHP

php实现上传图片文件代码

2015/07/19 PHP

详解WordPress中给链接添加查询字符串的方法

2015/12/18 PHP

Yii2中YiiBase自动加载类、引用文件方法分析(autoload)

2016/07/25 PHP

php获取字符串前几位的实例(substr返回字符串的子串用法)

2017/03/08 PHP

PHP实现找出有序数组中绝对值最小的数算法分析

2017/08/07 PHP

PHP实现动态获取函数参数的方法示例

2018/04/02 PHP

JQuery动态给table添加、删除行改进版

2011/01/19 Javascript

jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML

2011/10/16 Javascript

使用GruntJS构建Web程序之构建篇

2014/06/04 Javascript

javascript trim函数在IE下不能用的解决方法

2014/09/12 Javascript

node.js中的fs.appendFile方法使用说明

2014/12/17 Javascript

jquery实现触发时更新下拉列表内容的方法

2015/12/02 Javascript

jquery 仿锚点跳转到页面指定位置的实例

2017/02/14 Javascript

对angularjs框架下controller间的传值方法详解

2018/10/08 Javascript

JS/HTML5游戏常用算法之碰撞检测包围盒检测算法详解【凹多边形的分离轴检测算法】

2018/12/13 Javascript

详解Vue-Router源码分析路由实现原理

2019/05/15 Javascript

JS中的算法与数据结构之列表(List)实例详解

2019/08/16 Javascript

在Vue中使用Select选择器拼接label的操作

2020/10/22 Javascript

用Python代码来绘制彭罗斯点阵的教程

2015/04/03 Python

Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】

2017/06/07 Python

Python中装饰器高级用法详解

2017/12/25 Python

Python3.5面向对象编程图文与实例详解

2019/04/24 Python

使用python接入微信聊天机器人

2020/03/31 Python

Python3中urlencode和urldecode的用法详解

2019/07/23 Python

The North Face北面法国官网：美国著名户外品牌

2019/11/01 全球购物

传统软件工程与面向对象的软件工程有什么区别

2012/05/31 面试题

电大毕业生自我鉴定

2013/11/10 职场文书

优秀的计算机专业求职信范文

2013/12/27 职场文书

党员大会主持词

2014/04/02 职场文书

淘宝好评语大全

2014/05/05 职场文书

揭牌仪式策划方案

2014/05/28 职场文书

初中政治教学反思

2016/02/23 职场文书

MySQL单表千万级数据处理的思路分享

2021/06/05 MySQL