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

IE6与IE7中，innerHTML获取param的区别

Mar 15 Javascript

javascript下数值型比较难点说明

Jun 07 Javascript

Jquery each方法跳出循环,并获取返回值(实例讲解)

Dec 12 Javascript

javascript打开word文档的方法

Apr 16 Javascript

javascript实现下班倒计时效果的方法(可桌面通知)

Jul 10 Javascript

一起学写js Calender日历控件

Apr 14 Javascript

微信小程序省市区选择器实例详解(附源码下载)

Jan 05 Javascript

js代码延迟一定时间后执行一个函数的实例

Feb 15 Javascript

Vue页面骨架屏的实现方法

May 22 Javascript

小程序实现列表点赞功能

Nov 02 Javascript

jquery弹窗时禁止body滚动条滚动的例子

Sep 21 jQuery

使用Node.js实现base64和png文件相互转换的方法

Mar 11 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/10 日漫

使用PHP求两个文件的相对路径

2013/06/20 PHP

php准确计算复活节日期的方法

2015/04/18 PHP

Hutia 的 JS 代码集

2006/10/24 Javascript

ExtJS 2.0 实用简明教程之布局概述

2009/04/29 Javascript

niceTitle 基于jquery的超链接提示插件

2010/05/31 Javascript

javascript hasFocus使用实例

2010/06/29 Javascript

js实现一个省市区三级联动选择框代码分享

2013/03/06 Javascript

jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果

2013/04/24 Javascript

JQuery设置和去除disabled属性的5种方法总结

2013/05/16 Javascript

js用Date对象的setDate()函数对日期进行加减操作

2014/09/18 Javascript

Javascript检查图片大小不要让大图片撑破页面

2014/11/04 Javascript

js实现透明度渐变效果的方法

2015/04/10 Javascript

基于jquery实现放大镜效果

2015/08/17 Javascript

jQuery中Nicescroll滚动条插件的用法

2016/11/10 Javascript

ThinkPHP+jquery实现“加载更多”功能代码

2017/03/11 Javascript

详解angular中的作用域及继承

2017/05/31 Javascript

Angular2 http jsonp的实例详解

2017/08/31 Javascript

微信小程序日期时间选择器使用方法

2018/02/01 Javascript

Nodejs实现爬虫抓取数据实例解析

2018/07/05 NodeJs

webpack常用配置总览(小结)

2019/11/18 Javascript

[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16

2018/08/17 DOTA

Python升级提示Tkinter模块找不到的解决方法

2014/08/22 Python

python中的字符串内部换行方法

2018/07/19 Python

Python利用ORM控制MongoDB（MongoEngine）的步骤全纪录

2018/09/13 Python

Python中的单下划线和双下划线使用场景详解

2019/09/09 Python

Django+Django-Celery+Celery的整合实战

2021/01/20 Python

STAUD官方网站：洛杉矶独有的闲适风格

2019/04/11 全球购物

初中美术教学反思

2014/01/29 职场文书

2014元旦晚会策划方案

2014/02/19 职场文书

个性婚礼策划方案

2014/05/17 职场文书

党员群众路线对照检查材料思想汇报

2014/09/17 职场文书

学校党委副书记个人对照检查材料思想汇报

2014/09/28 职场文书

大学开学感言

2015/08/01 职场文书

小学体育课教学反思

2016/02/16 职场文书

2019年怎样才能撰写出优秀的自荐信

2019/03/25 职场文书