编程 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 相关文章推荐

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 职场文书