编程 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实现在字符串中提取数字

Nov 05 Javascript

一个js控制的导航菜单实例代码

Dec 03 Javascript

js怎么覆盖原有方法实现重写

Sep 04 Javascript

JS实现鼠标箭头变成一个燃烧烛光效果的方法

Feb 28 Javascript

浅谈jquery事件处理

Apr 24 Javascript

javascript关于运动的各种问题经典总结

Apr 27 Javascript

jQuery实现的简洁下拉菜单导航效果代码

Aug 26 Javascript

JS中递归函数

Jun 17 Javascript

JavaScript注入漏洞的原理及防范(详解)

Dec 04 Javascript

一文了解vue-router之hash模式和history模式

May 31 Javascript

js贪心算法钱币找零问题代码实例

Sep 11 Javascript

vue实现数据控制视图的原理解析

Jan 07 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

《Re：从零开始的异世界生活冰结之绊》

2020/04/09 日漫

中国站长站 For Dede4.0 采集规则

2007/05/27 PHP

php定时计划任务的实现方法详解

2013/06/06 PHP

使用PHP生成PDF方法详解

2015/01/23 PHP

深入剖析PHP中printf()函数格式化使用

2016/05/23 PHP

laravel 时间格式转时间戳的例子

2019/10/11 PHP

说说掌握JavaScript语言的思想前提想学习js的朋友可以看看

2009/04/01 Javascript

使用时间戳解决ie缓存的问题

2014/08/20 Javascript

jQuery实现分隔条左右拖动功能

2015/11/21 Javascript

jQuery+JSON实现AJAX二级联动实例分析

2015/12/18 Javascript

jQuery控制frames及frame页面JS的方法

2016/03/08 Javascript

jQuery基本过滤选择器用法示例

2016/09/09 Javascript

Node.js使用NodeMailer发送邮件实例代码

2017/03/06 Javascript

JS使用贪心算法解决找零问题示例

2017/11/27 Javascript

JavaScript实现星级评价效果

2019/05/17 Javascript

JavaScript 严格模式(use strict)用法实例分析

2020/03/04 Javascript

vue-video-player 断点续播的实现

2021/02/01 Vue.js

Python环境下安装使用异步任务队列包Celery的基础教程

2016/05/07 Python

详解python多线程、锁、event事件机制的简单使用

2018/04/27 Python

Python生成器定义与简单用法实例分析

2018/04/30 Python

pandas通过索引进行排序的示例

2018/11/16 Python

django商品分类及商品数据建模实例详解

2020/01/03 Python

pytorch 实现张量tensor,图片,CPU,GPU,数组等的转换

2020/01/13 Python

pycharm使用技巧之自动调整代码格式总结

2020/11/04 Python

python 利用panda 实现列联表(交叉表)

2021/02/06 Python

利用canvas实现图片压缩的示例代码

2018/07/17 HTML / CSS

美国指甲油品牌：Deco Miami

2017/01/30 全球购物

C++面试题：关于链表和指针

2013/06/05 面试题

介绍一下Transact-SQL中SPACE函数的用法

2015/09/01 面试题

体育教师求职信

2014/05/24 职场文书

竞选班干部演讲稿600字

2014/08/20 职场文书

反对形式主义、官僚主义、享乐主义和奢靡之风整改措施

2014/09/17 职场文书

起诉书范文

2015/05/20 职场文书

海上钢琴师观后感

2015/06/03 职场文书

演讲稿之感恩老师（三篇范文）

2019/09/06 职场文书

简单谈谈Python面向对象的相关知识

2021/06/28 Python