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

类似CSDN图片切换效果脚本

Sep 17 Javascript

javascript 获取所有id中包含某关键字的控件的实现代码

Nov 25 Javascript

js相册效果代码(点击创建即可)

Apr 16 Javascript

open 动态修改img的onclick事件示例代码

Nov 13 Javascript

js如何设置在iframe框架中指定div不显示

Dec 04 Javascript

JavaScript弹出新窗口后向父窗口输出内容的方法

Apr 06 Javascript

JavaScript SHA1加密算法实现详细代码

Oct 06 Javascript

Javascript highcharts 饼图显示数量和百分比实例代码

Dec 06 Javascript

AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法

Jan 04 Javascript

微信小程序 Toast自定义实例详解

Jan 20 Javascript

bootstrap多层模态框滚动条消失的问题

Jul 21 Javascript

原生js实现下拉选项卡

Nov 27 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中的加密功能

2006/10/09 PHP

提高PHP性能的编码技巧以及性能优化详细解析

2013/08/24 PHP

php脚本运行时的超时机制详解

2016/02/17 PHP

PHP结合Ffmpeg快速搭建流媒体服务的实践记录

2018/10/31 PHP

PHP使用SOAP调用API操作示例

2018/12/25 PHP

PHP中abstract(抽象)、final(最终)和static(静态)原理与用法详解

2020/06/05 PHP

基于Jquery的温度计动画效果

2010/06/18 Javascript

ajax更新数据后，jquery、jq失效问题

2011/03/16 Javascript

jQuery ajax dataType值为text json探索分享

2013/09/23 Javascript

js读写cookie实现一个底部广告浮层效果的两种方法

2013/12/29 Javascript

js点击出现悬浮窗效果不使用JQuery插件

2014/01/20 Javascript

提取jquery的ready()方法单独使用示例

2014/03/25 Javascript

JS经典正则表达式笔试题汇总

2016/12/15 Javascript

Vue中添加过渡效果的方法

2017/03/16 Javascript

vue中如何实现pdf文件预览的方法

2018/07/12 Javascript

详解微信小程序开发之formId使用（模板消息）

2019/08/27 Javascript

js实现翻牌小游戏

2020/07/31 Javascript

Python sys.argv用法实例

2015/05/28 Python

python、java等哪一门编程语言适合人工智能？

2017/11/13 Python

PyTorch快速搭建神经网络及其保存提取方法详解

2018/04/28 Python

python利用插值法对折线进行平滑曲线处理

2018/12/25 Python

Python模拟登录之滑块验证码的破解(实例代码)

2019/11/18 Python

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

2020/02/03 Python

win10下python3.8的PIL库安装过程

2020/06/08 Python

Django中日期时间型字段进行年月日时分秒分组统计

2020/11/27 Python

next在python中返回迭代器的实例方法

2020/12/15 Python

解决html5中video标签无法播放mp4问题的办法

2017/05/07 HTML / CSS

澳大利亚珍珠首饰购物网站：Vayo Pearls

2019/03/11 全球购物

农业资源与环境专业自荐信范文

2013/12/30 职场文书

七年级数学教学反思

2014/01/22 职场文书

2014幼儿教师个人工作总结

2014/12/03 职场文书

先进事迹材料范文

2014/12/29 职场文书

督导岗位职责

2015/02/04 职场文书

2015年仓库工作总结

2015/04/09 职场文书

尊师重教主题班会

2015/08/14 职场文书

Golang 字符串的常见操作

2022/04/19 Golang