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

几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()

Jun 02 Javascript

线路分流自动智能跳转代码,自动选择最快镜像网站(js)

Oct 31 Javascript

JQuery DataTable删除行后的页面更新利用Ajax解决

May 17 Javascript

jquery中html、val与text三者属性取值的联系与区别介绍

Dec 29 Javascript

jquery插件冲突(jquery.noconflict)解决方法分享

Mar 20 Javascript

connect中间件session、cookie的使用方法分享

Jun 17 Javascript

Blocksit插件实现瀑布流数据无限( 异步)加载

Jun 20 Javascript

node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法

Nov 20 Javascript

jQuery实现MSN中文网滑动Tab菜单效果代码

Sep 09 Javascript

JS移动端/H5同时选择多张图片上传并使用canvas压缩图片

Jun 20 Javascript

Vue开发环境跨域访问问题

Jan 22 Javascript

LayUI+Shiro实现动态菜单并记住菜单收展的示例

May 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

Google Voice 短信发送接口PHP开源版(2010.5更新)

2010/07/22 PHP

thinkPHP学习笔记之安装配置篇

2015/03/05 PHP

浅谈PHP中foreach/in_array的使用

2015/11/02 PHP

Laravel模糊查询区分大小写的实例

2019/09/29 PHP

PHP实现笛卡尔积算法的实例讲解

2019/12/22 PHP

基于jQuery中对数组进行操作的方法

2013/04/16 Javascript

jquery数据验证插件(自制,简单,练手)实例代码

2013/10/24 Javascript

在JavaScript中使用timer示例

2014/05/08 Javascript

script标签属性用type还是language

2015/01/21 Javascript

easyui Draggable组件实现拖动效果

2015/08/19 Javascript

基于JavaScript实现仿京东图片轮播效果

2015/11/06 Javascript

Bootstrap零基础入门教程(三)

2016/07/18 Javascript

Bootstrap popover 实现鼠标移入移除显示隐藏功能方法

2018/01/24 Javascript

vue生命周期实例小结

2018/08/15 Javascript

详解JSON和JSONP劫持以及解决方法

2019/03/08 Javascript

jQuery实现电梯导航模块

2020/12/22 jQuery

Python time模块详解（常用函数实例讲解,非常好）

2014/04/24 Python

使用Python进行AES加密和解密的示例代码

2018/02/02 Python

django表单实现下拉框的示例讲解

2018/05/29 Python

scrapy框架携带cookie访问淘宝购物车功能的实现代码

2020/07/07 Python

Python文件名匹配与文件复制的实现

2020/12/11 Python

HTML5实现表单自动验证功能实例代码

2017/01/11 HTML / CSS

详解HTML5 Canvas标签及基本使用

2020/01/10 HTML / CSS

Lookfantastic台湾：英国彩妆美发保养购物网

2018/03/26 全球购物

好军嫂事迹材料

2014/01/15 职场文书

授权委托书范本

2014/04/03 职场文书

精神文明单位申报材料

2014/05/02 职场文书

物业保安岗位职责

2014/07/02 职场文书

2015年12.4全国法制宣传日活动总结

2015/03/24 职场文书

劳动仲裁代理词范文

2015/05/25 职场文书

趣味运动会加油词

2015/07/18 职场文书

幼儿园园长新年寄语

2015/08/17 职场文书

聘任书范文大全

2015/09/21 职场文书

班主任远程培训研修日志

2015/11/13 职场文书

宪法宣传标语100条

2019/10/15 职场文书