使用JS模拟锚点跳转的实例
更新时间：2018年02月01日 08:30:11 作者：深入学习ing
下面小编就为大家分享一篇使用JS模拟锚点跳转的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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获取页面及个元素高度、宽度的代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
这篇文章主要介绍了ES6数组与对象的解构赋值,结合实例形式详细分析了ES6中数组与对象的解构赋值原理、用法及相关操作注意事项,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了.NET微信公众号开发之创建自定义菜单的相关资料,需要的朋友可以参考下2015-07-07
本文详细介绍了html嵌入javascript代码的三种主要方式：脚本块的方式、引入外部独立的.js文件、事件句柄是以html标签的属性存在的，有感兴趣了解的同学可以借鉴阅读2023-03-03
javaScript+turn.js实现图书翻页效果实例代码
这篇文章主要介绍了javaScript+turn.js实现图书翻页效果实例代码,重点讲解turn.js 如何使用的。需要的朋友可以参考下2017-02-02
这篇文章主要帮助大家理解javascript中的with关键字，学习with关键字的作用，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章为大家详细主要介绍了JS实现简单贪吃蛇小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
alert弹出框出现乱码的情况，想必大家都有遇到过吧，其实解决方法很简单设置charset=utf-8在试试，看看是不是好了2013-09-09
“Promises”渐渐成为JavaScript里最重要的一部分，大量的新API都开始promise原理实现。这篇文章主要为大家详细介绍了JavaScript Promise 用法，感兴趣的小伙伴们可以参考一下2016-06-06
在Web前端开发中,图片是网页内容的重要组成部分,但它们的加载时间往往会影响页面的整体性能,为了提升用户体验,减少等待时间,开发者通常会采用图片预加载（Image Preloading）技术,本文给大家介绍了JavaScript实现图片预加载的方法总结,需要的朋友可以参考下2024-12-12
最新评论