编程 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 BASE64编码 window.atob(), window.btoa()

Mar 09 Javascript

利用onresize使得div可以随着屏幕大小而自适应的代码

Jan 15 Javascript

基于Jquery插件开发之图片放大镜效果(仿淘宝)

Nov 19 Javascript

基于JQuery的抓取博客园首页RSS的代码

Dec 01 Javascript

JS去除空格和换行的正则表达式(推荐)

Jun 14 Javascript

jquery遍历标签中自定义的属性方法

Sep 17 Javascript

手机软键盘弹出时影响布局的解决方法

Dec 15 Javascript

javascript基础知识讲解

Jan 11 Javascript

详解利用 Express 托管静态文件的方法

Sep 18 Javascript

js实现会跳动的日历效果(完整实例)

Oct 18 Javascript

vue实现商城上货组件简易版

Nov 27 Javascript

详解ajax的data参数错误导致页面崩溃

Apr 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使用new StdClass()创建空对象的方法分析

2017/06/06 PHP

PHP实现的mysql读写分离操作示例

2018/05/22 PHP

Laravel框架实现定时Task Scheduling例子

2019/10/22 PHP

Javascript 不能释放内存.

2006/09/07 Javascript

改写一个简单的菜单弹性大小

2010/12/02 Javascript

jQuery判断iframe中元素是否存在的方法

2013/05/11 Javascript

js控制input框只读实现示例

2014/01/20 Javascript

javascript使用输出语句实现网页特效代码

2015/08/06 Javascript

javascript实现的登陆遮罩效果汇总

2015/11/09 Javascript

【经验总结】编写JavaScript代码时应遵循的14条规律

2016/06/20 Javascript

JS Canvas定时器模拟动态加载动画

2016/09/17 Javascript

JavaScript字符串对象(string)基本用法示例

2017/01/18 Javascript

ES6中Proxy与Reflect实现重载(overload)的方法

2017/03/30 Javascript

jQuery zTree树插件动态加载实例代码

2017/05/11 jQuery

jQuery pjax 应用简单示例

2018/09/20 jQuery

详解JavaScript 为什么要有 Symbol 类型？

2019/04/03 Javascript

微信小程序开发注意指南和优化实践(小结)

2019/06/21 Javascript

[01:55]TI9显影之尘系列 - Evil Geniuses

2019/08/22 DOTA

python文件读写并使用mysql批量插入示例分享(python操作mysql)

2014/02/17 Python

Python制作钉钉加密/解密工具

2016/12/07 Python

python读取一个目录下所有txt里面的内容方法

2018/06/23 Python

Flask模拟实现CSRF攻击的方法

2018/07/24 Python

简单介绍python封装的基本知识

2019/08/10 Python

django多种支付、并发订单处理实例代码

2019/12/13 Python

使用pyqt 实现重复打开多个相同界面

2019/12/13 Python

python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图

2020/08/04 Python

python实现测试工具（二）——简单的ui测试工具

2020/10/19 Python

巴西服装和鞋子购物网站：Marisa

2018/10/25 全球购物

Goodee官方商店：迷你投影仪

2021/03/15 全球购物

创业计划书撰写原则

2014/01/25 职场文书

《锄禾》教学反思

2014/04/08 职场文书

2014教师党员自我评议总结

2014/09/19 职场文书

教师学期个人总结

2015/02/11 职场文书

升职自荐信范文

2015/03/27 职场文书

南京大屠杀观后感

2015/06/02 职场文书

电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法

2022/04/08 数码科技