编程 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 关闭IE6、IE7

Jun 01 Javascript

使用jQuery的ajax功能实现的RSS Reader 代码

Sep 03 Javascript

jQuery实现分隔条左右拖动功能

Nov 21 Javascript

Jquery Easyui表单组件Form使用详解（30）

Dec 19 Javascript

如何制作幻灯片（代码分享）

Jan 06 Javascript

bootstrapValidator bootstrap-select验证不可用的解决办法

Jan 11 Javascript

vue 之 .sync 修饰符示例详解

Apr 21 Javascript

JS通过位运算实现权限加解密

Aug 14 Javascript

jquery.tagsinput.js实现记录checkbox勾选的顺序

Sep 21 jQuery

layer.prompt输入层的例子

Sep 24 Javascript

node.js express框架实现文件上传与下载功能实例详解

Oct 15 Javascript

js作用域及作用域链工作引擎

Jul 07 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

截获网站title标签之家内容的例子

2006/10/09 PHP

详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)

2017/04/07 PHP

PHP基于面向对象实现的留言本功能实例

2018/04/04 PHP

详解PHP的抽象类和抽象方法以及接口总结

2019/03/15 PHP

JS getMonth()日期函数的值域是0-11

2010/02/15 Javascript

JavaScript中的prototype使用说明

2010/04/13 Javascript

Node.js实战建立简单的Web服务器

2012/03/08 Javascript

引用 js在IE与FF之间的区别详细解析

2013/11/20 Javascript

JavaScript实现选择框按比例拖拉缩放的方法

2015/08/04 Javascript

AngularJS ng-change 指令的详解及简单实例

2016/07/30 Javascript

Jquery和Js获得元素标签名称的方法总结

2016/10/08 Javascript

jquery动态创建div与input的实例代码

2016/10/12 Javascript

jQuery实现可拖拽3D万花筒旋转特效

2017/01/03 Javascript

seajs中最常用的7个功能、配置示例

2017/10/10 Javascript

js插件实现图片滑动验证码

2020/09/29 Javascript

详解@angular/cli 改变默认启动端口两种方式

2018/11/29 Javascript

三步搞定:Vue.js调用Android原生操作

2020/09/07 Javascript

逐行分析鸿蒙系统的 JavaScript 框架(推荐)

2020/09/17 Javascript

[45:16]完美世界DOTA2联赛循环赛 IO vs FTD BO2第二场 11.05

2020/11/06 DOTA

Python编写检测数据库SA用户的方法

2014/07/11 Python

Python中使用ConfigParser解析ini配置文件实例

2014/08/30 Python

Python正则表达式分组概念与用法详解

2017/06/24 Python

分析python请求数据

2018/08/19 Python

Python安装及Pycharm安装使用教程图解

2019/09/20 Python

使用sklearn对多分类的每个类别进行指标评价操作

2020/06/11 Python

使用pandas实现筛选出指定列值所对应的行

2020/12/13 Python

CHARLES & KEITH澳大利亚官网：新加坡时尚品牌

2019/01/22 全球购物

运动会通讯稿500字

2014/02/20 职场文书

赡养老人协议书

2014/04/21 职场文书

基层干部群众路线教育实践活动个人对照检查材料

2014/09/23 职场文书

2014年生产管理工作总结

2014/12/23 职场文书

二年级学生期末评语

2014/12/26 职场文书

护士实习自荐信

2015/03/06 职场文书

2015年中秋节演讲稿

2015/03/20 职场文书

2016大学军训通讯稿

2015/11/25 职场文书

HTML5+CSS+JavaScript实现捉虫小游戏设计和实现

2021/10/16 HTML / CSS