编程 Javascript

使用JS模拟锚点跳转的实例

Posted in Javascript onFebruary 01, 2018

A-HTML锚点定义：

设置锚：

<a href="#mao" rel="external nofollow" >&nsbp;</a>

设置点：(为了浏览器兼容性，id和name一起设置)

<a id="mao" name="mao">跳至第一个锚点</a>

B：使用JS模拟锚点跳转：

js中location.href可以跳转至某个url；

1、window.location.href = window.location.href + "#mao";

2、window.location.hash = "#mao";

备注：hash只会在跳转到此页面的第一次起作用，再次刷新此页面将不起作用，而href始终起作用

以上这篇使用JS模拟锚点跳转的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

使用JS模拟锚点跳转的实例

- Author -

深入学习ing

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js+css实现增加表单可用性之提示文字

Jun 03 Javascript

在JavaScript中正确引用bind方法的应用

May 11 Javascript

javascript实现简单的省市区三级联动

May 14 Javascript

jquery对Json的各种遍历方法总结(必看篇)

Sep 29 Javascript

Vue + Webpack + Vue-loader学习教程之相关配置篇

Mar 14 Javascript

vue.js中mint-ui框架的使用方法

May 12 Javascript

浅谈webpack 自动刷新与解析

Apr 09 Javascript

详解AngularJS 过滤器的使用

Jun 02 Javascript

js拖动滑块和点击水波纹效果实例代码

Oct 16 Javascript

解决Vue动态加载本地图片问题

Oct 09 Javascript

使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)

Jun 09 Vue.js

elementui的el-popover修改样式不生效的解决

Jun 30 Javascript

微信小程序实现图片预览功能

Jan 31 #Javascript

vue单页应用加百度统计代码（亲测有效）

Jan 31 #Javascript

微信小程序实现MUI数字输入框效果

Jan 31 #Javascript

微信小程序实现折叠面板

Jan 31 #Javascript

Vue中render函数的使用方法

Jan 31 #Javascript

微信小程序图片轮播组件gallery slider使用方法详解

Jan 31 #Javascript

微信小程序scroll-view组件实现滚动动画

Jan 31 #Javascript

You might like

php修改指定文件后缀的方法

2014/09/11 PHP

php调用KyotoTycoon简单实例

2015/04/02 PHP

php+jquery+html实现点击不刷新加载更多的实例代码

2016/08/12 PHP

PHP判断数组是否为空的常用方法(五种方法)

2017/02/08 PHP

TP5框架使用QueryList采集框架爬小说操作示例

2020/03/26 PHP

js 数组操作代码集锦

2009/04/28 Javascript

ie focus bug 解决方法

2009/09/03 Javascript

formvalidator验证插件中有关ajax验证问题

2013/01/04 Javascript

jquery二级导航内容均分的原理及实现

2013/08/13 Javascript

Jquery实现图片左右自动滚动示例

2013/09/25 Javascript

JQuery中$.each 和$(selector).each()的区别详解

2015/03/13 Javascript

每天一篇javascript学习小结（Array数组）

2015/11/11 Javascript

js Date()日期函数浏览器兼容问题解决方法

2017/09/12 Javascript

基于VUE移动音乐WEBAPP跨域请求失败的解决方法

2018/01/16 Javascript

JS实现的简单分页功能示例

2018/08/23 Javascript

JavaScript解析机制与闭包原理实例详解

2019/03/08 Javascript

Vue实现固定定位图标滑动隐藏效果

2019/05/30 Javascript

VUE 组件转换为微信小程序组件的方法

2019/11/06 Javascript

vue 实现购物车总价计算

2019/11/06 Javascript

详解vue修改elementUI的分页组件视图没更新问题

2020/11/13 Javascript

[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME

2016/03/03 DOTA

python使用pil库实现图片合成实例代码

2018/01/20 Python

Anaconda 离线安装 python 包的操作方法

2018/06/11 Python

numpy.linspace函数具体使用详解

2019/05/27 Python

python3中eval函数用法使用简介

2019/08/02 Python

Python上下文管理器用法及实例解析

2019/11/11 Python

Python大数据之网络爬虫的post请求、get请求区别实例分析

2019/11/16 Python

如何安装并在pycharm使用selenium的方法

2020/04/30 Python

keras打印loss对权重的导数方式

2020/06/10 Python

使用keras实现BiLSTM+CNN+CRF文字标记NER

2020/06/29 Python

Python如何获取文件路径/目录

2020/09/22 Python

英国的领先快速时尚零售商：In The Style

2019/03/25 全球购物

世界上最大的字体市场：MyFonts

2020/01/10 全球购物

工业设计专业个人求职信范文

2013/12/28 职场文书

单位授权委托书范本

2014/09/26 职场文书

Mysql查询时间区间日期列表，不会由于数据表数据影响

2022/04/19 MySQL