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

jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法

Jan 01 Javascript

jQuery选择器的工作原理和优化分析

Jul 25 Javascript

js Event对象的5种坐标

Sep 12 Javascript

javascript-表格排序(降序/反序)实现介绍(附图)

May 30 Javascript

jQuery+css3实现文字跟随鼠标的上下抖动

Jul 31 Javascript

基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理

May 12 Javascript

jQuery插件cxSelect多级联动下拉菜单实例解析

Jun 24 Javascript

jQuery stop()用法实例详解

Jul 28 Javascript

Javascript 实现放大镜效果实例详解

Dec 03 Javascript

JS实现简单的星期格式转换功能示例

Jul 23 Javascript

iview同时验证多个表单问题总结

Sep 29 Javascript

seajs和requirejs模块化简单案例分析

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

php读取mysql乱码，用set names XXX解决的原理分享

2011/12/29 PHP

php模拟登陆的实现方法分析

2015/01/09 PHP

浅谈PHP中output_buffering

2015/07/13 PHP

Laravel5.5 手动分页和自定义分页样式的简单实现

2019/10/15 PHP

基于PHP实现发微博动态代码实例

2020/12/11 PHP

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

2013/02/01 Javascript

javascript事件冒泡详解和捕获、阻止方法

2014/04/12 Javascript

JavaScript基础知识学习笔记

2014/12/02 Javascript

AngularJS基础学习笔记之简单介绍

2015/05/10 Javascript

js图片轮播效果实现代码

2020/04/18 Javascript

js+html5操作sqlite数据库的方法

2016/02/02 Javascript

JavaScript职责链模式概述

2016/09/17 Javascript

vue2.X组件学习心得(新手必看篇)

2017/07/05 Javascript

webpack 1.x升级过程中的踩坑总结大全

2017/08/09 Javascript

React.Js添加与删除onScroll事件的方法详解

2017/11/03 Javascript

vue添加axios,并且指定baseurl的方法

2018/09/19 Javascript

微信小程序实现的绘制table表格功能示例

2019/04/26 Javascript

JS Math对象与Math方法实例小结

2019/07/05 Javascript

node获取客户端ip功能简单示例

2019/08/24 Javascript

Chrome插件开发系列一：弹窗终结者开发实战

2020/10/02 Javascript

Django中实现一个高性能计数器(Counter)实例

2014/07/09 Python

Python __setattr__、 __getattr__、 __delattr__、__call__用法示例

2015/03/06 Python

Python对ElasticSearch获取数据及操作

2019/04/24 Python

python如何给字典的键对应的值为字典项的字典赋值

2019/07/05 Python

python中利用numpy.array()实现俩个数值列表的对应相加方法

2019/08/26 Python

python编写简单端口扫描器

2019/09/04 Python

tensorflow2.0保存和恢复模型3种方法

2020/02/03 Python

基于Python爬取爱奇艺资源过程解析

2020/03/02 Python

Python多线程:主线程等待所有子线程结束代码

2020/04/25 Python

python 解决Fatal error in launcher:错误问题

2020/05/21 Python

CSS3 实现发光边框特效

2020/11/11 HTML / CSS

活动倡议书范文

2014/05/13 职场文书

七夕情人节促销方案

2014/06/07 职场文书

时尚女魔头观后感

2015/06/04 职场文书

Java实战之课程信息管理系统的实现

2022/04/01 Java/Android

详细介绍python操作RabbitMq

2022/04/12 Python