使用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 相关文章推荐
javascript中input中readonly和disabled区别介绍
Oct 23 Javascript
JS 按钮点击触发(兼容IE、火狐)
Aug 07 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
js中将String转换为number以便比较
Jul 08 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
jquery编写日期选择器
Mar 16 Javascript
node.js(express)中使用Jcrop进行图片剪切上传功能
Apr 21 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
教你如何用node连接redis的示例代码
Jul 12 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 Vue.js
微信小程序实现图片预览功能
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
追求程序速度,而不是编程的速度
2008/04/23 PHP
PHP实现的博客欢迎提示功能(很特别哦)
2014/06/05 PHP
PHP操作文件的一些基本函数使用示例
2014/11/18 PHP
PHP使用zlib扩展实现GZIP压缩输出的方法详解
2018/04/09 PHP
javascript中input中readonly和disabled区别介绍
2012/10/23 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
2016/05/12 Javascript
jquery+css3问卷答题卡翻页动画效果示例
2016/10/26 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
2017/02/18 Javascript
详解nodejs微信公众号开发——6.自定义菜单
2017/04/13 NodeJs
详解vue 模版组件的三种用法
2017/07/21 Javascript
js链表操作(实例讲解)
2017/08/29 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
Vue实现简单购物车功能
2020/12/13 Vue.js
Python中处理时间的几种方法小结
2015/04/09 Python
python打开url并按指定块读取网页内容的方法
2015/04/29 Python
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
Python使用matplotlib填充图形指定区域代码示例
2018/01/16 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
Django 配置多站点多域名的实现步骤
2019/05/17 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
Python变量作用域LEGB用法解析
2020/02/04 Python
基于Python脚本实现邮件报警功能
2020/05/20 Python
3D动画《斗罗大陆》上线当日播放过亿
2021/03/16 国漫
CSS3实现swap交换动画
2016/01/19 HTML / CSS
毕业生自我推荐
2013/11/04 职场文书
会计自荐书
2013/12/02 职场文书
年终奖发放方案
2014/06/02 职场文书
酒店管理专业毕业生自我鉴定
2014/09/29 职场文书
2014年质量管理工作总结
2014/12/01 职场文书
学校德育工作总结2015
2015/05/11 职场文书
开票证明
2015/06/23 职场文书
给校长的建议书作文300字
2015/09/14 职场文书
爱国之歌(8首)
2019/09/29 职场文书