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

safari,opera嵌入iframe页面cookie读取问题解决方法

Jun 23 Javascript

js实现图片轮换效果代码

Apr 16 Javascript

jquery+php实现搜索框自动提示

Nov 28 Javascript

js中this的用法实例分析

Jan 10 Javascript

jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法

Dec 12 Javascript

微信小程序 Mustache语法详细介绍

Oct 27 Javascript

Django1.7+JQuery+Ajax验证用户注册集成小例子

Apr 08 jQuery

Spring shiro + bootstrap + jquery.validate 实现登录、注册功能

Jun 02 jQuery

基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果

Jul 20 jQuery

JS+CSS实现网页加载中的动画效果

Oct 27 Javascript

浅谈webpack打包生成的bundle.js文件过大的问题

Feb 22 Javascript

如何通过JS实现转码与解码

Feb 21 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

使用 php4 加速 web 传输

2006/10/09 PHP

由php的call_user_func传reference引发的思考

2010/07/23 PHP

php MessagePack介绍

2013/10/06 PHP

php类的扩展和继承用法实例

2015/06/20 PHP

PHP CURL或file_get_contents获取网页标题的代码及两者效率的稳定性问题

2015/11/30 PHP

thinkphp3.2中实现phpexcel导出带生成图片示例

2017/02/14 PHP

用js做一个小游戏平台 (一)

2009/12/29 Javascript

原生js实现shift/ctrl/alt按键的获取

2013/04/08 Javascript

关于Javascript与iframe的那些事儿

2013/07/04 Javascript

js/jquery解析json和数组格式的方法详解

2014/01/09 Javascript

js设置文本框中焦点位置在最后的示例代码(简单实用)

2014/03/04 Javascript

JavaScript数组常用方法

2015/03/02 Javascript

javascript验证身份证号

2015/03/03 Javascript

JavaScript数据类型之基本类型和引用类型的值

2015/04/01 Javascript

jQuery实现下拉框左右移动（全部移动，已选移动）

2016/04/15 Javascript

浅析上传头像示例及其注意事项

2016/12/14 Javascript

BootStrapValidator校验方式

2016/12/19 Javascript

nodejs中安装ghost出错的原因及解决方法

2017/10/23 NodeJs

JS中精巧的自动柯里化实现方法

2017/12/12 Javascript

javascript+css实现俄罗斯方块小游戏

2020/06/28 Javascript

vue 单页应用和多页应用的优劣

2020/10/22 Javascript

REISS英国官网：伦敦High Street最受欢迎品牌

2016/12/21 全球购物

Herschel美国官网：背包、手提袋及配件

2020/03/10 全球购物

物业管理求职自荐信

2013/09/25 职场文书

营销专业应届生求职信

2013/11/26 职场文书

考试不及格的检讨书

2014/01/22 职场文书

服务承诺书格式

2014/05/21 职场文书

社区志愿者活动总结

2014/06/26 职场文书

国际贸易实务实训报告

2014/11/05 职场文书

慰问信格式

2015/02/14 职场文书

微信搭讪开场白

2015/05/28 职场文书

小学科学课教学反思

2016/02/23 职场文书

用Python实现一个打字速度测试工具来测试你的手速

2021/05/28 Python

Python中json.load()和json.loads()有哪些区别

2021/06/07 Python

SpringBoot中HttpSessionListener的简单使用方式

2022/03/17 Java/Android

vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案

2022/08/05 Vue.js