使用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模拟锚点跳转的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

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