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

父子窗体间传递JSON格式的数据的代码

Dec 25 Javascript

Javascript无阻塞加载具体方式

Jun 28 Javascript

关于javascript event flow 的一个bug详解

Sep 17 Javascript

JQUERY实现网页右下角固定位置展开关闭特效的方法

Jul 27 Javascript

最丑的时钟效果！js canvas时钟制作方法

Aug 15 Javascript

深入理解JavaScript中的预解析

Jan 04 Javascript

Angular实现搜索框及价格上下限功能

Jan 19 Javascript

node的process以及child_process模块学习笔记

Mar 06 Javascript

vue 自定义提示框(Toast)组件的实现代码

Aug 17 Javascript

angularJS自定义directive之带参方法传递详解

Oct 09 Javascript

开发中常用的25个JavaScript单行代码(小结)

Jun 28 Javascript

vue3.0 数字翻牌组件的使用方法详解

Apr 20 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过滤XSS攻击的函数

2013/11/12 PHP

php启用sphinx全文搜索的实现方法

2014/12/24 PHP

100多行PHP代码实现socks5代理服务器[2]

2016/05/05 PHP

PHP搭建大文件切割分块上传功能示例

2017/01/04 PHP

PHP实现图片批量打包下载功能

2017/03/01 PHP

laravel实现批量更新多条记录的方法示例

2017/10/22 PHP

php实现映射操作实例详解

2019/10/02 PHP

jquery 双色表格实现代码

2009/12/08 Javascript

JavaScript 打地鼠游戏代码说明

2010/10/12 Javascript

jQuery .tmpl(), .template()学习资料小结

2011/07/18 Javascript

window.open打开页面居中显示的示例代码

2013/12/27 Javascript

JavaScript判断变量是对象还是数组的方法

2014/08/28 Javascript

浅谈轻量级js模板引擎simplite

2015/02/13 Javascript

JavaScript模拟实现键盘打字效果

2015/06/29 Javascript

js不间断滚动的简单实现

2016/06/03 Javascript

JavaScript表单焦点自动切换代码

2016/07/24 Javascript

微信小程序进行微信支付的步骤昂述

2016/12/01 Javascript

详解jQuery lazyload 懒加载

2016/12/19 Javascript

微信小程序使用navigateTo数据传递的实例

2017/09/26 Javascript

vue与TypeScript集成配置最简教程(推荐)

2017/10/17 Javascript

jquery实现烟花效果(面向对象)

2020/03/10 jQuery

[01:36]DOTA2完美大师赛趣味视频之与队友相处的十万个技巧

2017/11/19 DOTA

Python中__init__.py文件的作用详解

2016/09/18 Python

Django实现单用户登录的方法示例

2019/03/28 Python

django 中的聚合函数，分组函数，F 查询，Q查询

2019/07/25 Python

基于MATLAB和Python实现MFCC特征参数提取

2019/08/13 Python

python剪切视频与合并视频的实现

2020/03/03 Python

python中@property的作用和getter setter的解释

2020/12/22 Python

CSS3使用border-radius属性制作圆角

2014/12/22 HTML / CSS

html5 学习简单的拾色器

2010/09/03 HTML / CSS

Gloeilampgoedkoop荷兰：在线购买灯泡

2019/02/16 全球购物

澳大利亚波西米亚风情网上商店：Czarina

2019/03/18 全球购物

写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数

2016/04/13 面试题

毕业生个人求职自荐信

2014/02/26 职场文书

2014年秋季新学期寄语

2014/08/02 职场文书

践行党的群众路线心得体会

2014/11/05 职场文书