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

基于JQuery框架的AJAX实例代码

Nov 03 Javascript

Dom与浏览器兼容性说明

Oct 25 Javascript

JS OffsetParent属性深入解析

Jan 13 Javascript

angularJS中router的使用指南

Feb 09 Javascript

JavaScript DOM事件(笔记)

Apr 08 Javascript

js正则表达式验证表单【完整版】

Mar 06 Javascript

微信小程序日历组件calendar详解及实例

Jun 08 Javascript

JS switch判断三目运算 while 及属性操作代码

Sep 03 Javascript

js实现二级菜单点击显示当前内容效果

Apr 28 Javascript

layui写后台表格思路和赋值用法详解

Nov 14 Javascript

js canvas实现俄罗斯方块

Oct 11 Javascript

详解vue之自行实现派发与广播(dispatch与broadcast)

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

PHP删除HTMl标签的三种解决方法

2013/06/30 PHP

php中用date函数获取当前时间有误的解决办法

2013/08/02 PHP

PHP匿名函数和use子句用法实例

2016/03/16 PHP

php字符串过滤strip_tags()函数用法实例分析

2019/06/24 PHP

Javascript & DHTML 实例编程（教程）基础知识

2007/06/02 Javascript

EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码

2010/10/26 Javascript

基于jQuery捕获超链接事件进行局部刷新代码

2012/05/10 Javascript

js三种排序算法分享

2012/08/16 Javascript

JavaScript之Getters和Setters 平台支持等详细介绍

2012/12/07 Javascript

JavaScript函数学习总结以及相关的编程习惯指南

2015/11/16 Javascript

js跨域请求数据的3种常用的方法

2015/12/01 Javascript

Javascript之BOM(window对象)详解

2016/05/25 Javascript

浅谈addEventListener和attachEvent的区别

2016/07/14 Javascript

Highcharts入门之基本属性

2016/08/02 Javascript

详解Vue SPA项目优化小记

2018/07/03 Javascript

深入理解Promise.all

2018/08/08 Javascript

Nodejs 数组的队列以及forEach的应用详解

2021/02/25 NodeJs

[53:13]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-GAMING

2014/05/22 DOTA

[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2

2018/06/03 DOTA

Falsk 与 Django 过滤器的使用与区别详解

2019/06/04 Python

python打开windows应用程序的实例

2019/06/28 Python

wxPython多个窗口的基本结构

2019/11/19 Python

Python autoescape标签用法解析

2020/01/17 Python

使用Python webdriver图书馆抢座自动预约的正确方法

2021/03/04 Python

Html5页面获取微信公众号的openid的方法

2020/05/12 HTML / CSS

教师找工作推荐信

2013/11/23 职场文书

员工培训邀请函

2014/01/11 职场文书

公司市场专员岗位职责

2014/06/29 职场文书

法人委托书的范本格式

2014/09/11 职场文书

实习工作表现评语

2014/12/31 职场文书

如何拟写通知正文？

2019/04/02 职场文书

《三国志》赏析

2019/08/27 职场文书

创业计划书之游泳馆

2019/09/16 职场文书

vue使用节流函数的踩坑实例指南

2021/05/20 Vue.js

分享mysql的current_timestamp小坑及解决

2021/11/27 MySQL

Go语言编译原理之源码调试

2022/08/05 Golang