编程 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 23 Javascript

动态改变div的z-index属性的简单实例

Aug 08 Javascript

Javascript前端UI框架Kit使用指南之kitjs的对话框组件

Nov 28 Javascript

node.js中的fs.realpathSync方法使用说明

Dec 16 Javascript

AngularJs篇：使用AngularJs打造一个简易权限系统的实现代码

Dec 26 Javascript

js生成随机数方法和实例

Jan 17 Javascript

VUE饿了么树形控件添加增删改功能的示例代码

Oct 17 Javascript

在js代码拼接dom对象到页面上的模板总结

Oct 21 Javascript

iview tabs 顶部导航栏和模块切换栏的示例代码

Mar 04 Javascript

解决vue v-for src 图片路径问题 404

Nov 12 Javascript

vue如何搭建多页面多系统应用

Jun 17 Javascript

Vue登录拦截登录后继续跳转指定页面的操作

Aug 04 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

main.php

2006/12/09 PHP

使用PHP如何实现高效安全的ftp服务器(二)

2015/12/30 PHP

配置Nginx+PHP的正确思路与过程

2016/05/10 PHP

thinkPHP js文件中U方法不被解析问题的解决方法

2016/12/05 PHP

PHP仿tp实现mvc框架基本设计思路与实现方法分析

2018/05/23 PHP

无阻塞加载脚本分析[全]

2011/01/20 Javascript

javascript的原生方法获取数组中的最大(最小)值

2012/12/19 Javascript

使用jquery实现简单的ajax

2013/07/08 Javascript

ExtJS的拖拽效果示例

2013/12/09 Javascript

jquery实现图片左右切换的方法

2015/05/07 Javascript

javascript计时器编写过程与实现方法

2016/02/29 Javascript

bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路

2016/09/28 Javascript

JavaScript数组复制详解

2017/02/02 Javascript

jQuery条件分页代替离线查询（附代码）

2017/08/17 jQuery

使用jQuery实现两个div中按钮互换位置的实例代码

2017/09/21 jQuery

JS计算距当前时间的时间差实例

2017/12/29 Javascript

layui的select联动实现代码

2019/09/28 Javascript

封装 axios+promise通用请求函数操作

2020/08/11 Javascript

OpenCV2从摄像头获取帧并写入视频文件的方法

2018/08/03 Python

Python pyinotify模块实现对文档的实时监控功能方法

2018/10/13 Python

padas 生成excel 增加sheet表的实例

2018/12/11 Python

对python3中, print横向输出的方法详解

2019/01/28 Python

对Python的多进程锁的使用方法详解

2019/02/18 Python

django迁移数据库错误问题解决

2019/07/29 Python

与Django结合利用模型对上传图片预测的实例详解

2019/08/07 Python

python 模拟贷款卡号生成规则过程解析

2019/08/30 Python

wxpython实现按钮切换界面的方法

2019/11/19 Python

python 基于wx实现音乐播放

2020/11/24 Python

英国最红的高街时尚品牌：Topshop

2016/08/05 全球购物

英国最大的在线奢侈手表零售商：Jura Watches

2018/01/29 全球购物

Oracle快照(snapshot)

2015/03/13 面试题

工商管理专业应届生求职信

2013/11/04 职场文书

幼儿园五一活动方案

2014/02/07 职场文书

村主任当选感言

2015/08/01 职场文书

入党积极分子培养联系人意见

2015/08/12 职场文书

2019年大学生职业生涯规划书

2019/03/25 职场文书