编程 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获取所有同类checkbox选项(实例代码)

Nov 07 Javascript

简单易用的倒计时js代码

Aug 04 Javascript

jQuery循环动画与获取组件尺寸的方法

Feb 02 Javascript

jQuery实现鼠标点击弹出渐变层的方法

Jul 09 Javascript

JavaScript统计网站访问次数的实现代码

Nov 18 Javascript

jQuery实现iframe父窗体和子窗体的相互调用

Jun 17 Javascript

js插件dropload上拉下滑加载数据实例解析

Jul 27 Javascript

Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法

Dec 30 Javascript

Vue 2.5.2下axios + express 本地请求404的解决方法

Feb 21 Javascript

详解Koa中更方便简单发送响应的方式

Jul 20 Javascript

使用Three.js实现太阳系八大行星的自转公转示例代码

Apr 09 Javascript

简单了解前端渐进式框架VUE

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

php和js交互一例-PHP教程,PHP应用

2007/01/03 PHP

一个自定义位数的php多用户计数器代码

2007/03/11 PHP

常用的PHP数据库操作方法（MYSQL版）

2011/06/08 PHP

PHP中判断变量为空的几种方法小结

2013/11/12 PHP

PHP5.2中PDO的简单使用方法

2016/03/25 PHP

关于jQuery中的each方法(jQuery到底干了什么)

2014/03/05 Javascript

Javascript基础教程之argument 详解

2015/01/18 Javascript

JavaScript中常用的六种互动方法示例

2015/03/13 Javascript

基于javascript html5实现多文件上传

2016/03/03 Javascript

JavaScript仿网易选项卡制作代码

2016/10/06 Javascript

微信小程序 for 循环详解

2016/10/09 Javascript

bootstrap modal弹出框的垂直居中

2016/12/14 Javascript

JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

2016/12/27 Javascript

vue深入解析之render function code详解

2017/07/18 Javascript

nodejs微信扫码支付功能实现

2018/02/17 NodeJs

webpack中的热刷新与热加载的区别

2018/04/09 Javascript

node 命令方式启动修改端口的方法

2018/05/12 Javascript

详解vue-cli 2.0配置文件(小结)

2019/01/14 Javascript

JS 自执行函数原理及用法

2019/08/05 Javascript

[02:39]DOTA2国际邀请赛助威团西雅图第一天

2013/08/08 DOTA

Python语言生成水仙花数代码示例

2017/12/18 Python

python实现多人聊天室

2020/03/31 Python

python脚本调用iftop 统计业务应用流量的思路详解

2019/10/11 Python

CSS+jQuery实现的在线答题功能

2015/04/25 HTML / CSS

HTML5实现桌面通知提示功能

2017/10/11 HTML / CSS

英国助听器购物网站：Hearing Direct

2018/08/21 全球购物

Nisbets法国：英国最大的厨房和餐饮设备供应商

2019/03/18 全球购物

高校生生产实习自我鉴定

2013/09/21 职场文书

小学教师办公室制度

2014/02/03 职场文书

室内设计专业毕业生求职信

2014/05/02 职场文书

节电标语大全

2014/06/23 职场文书

三严三实心得体会范文

2014/10/13 职场文书

2014年后勤工作总结

2014/11/18 职场文书

黄石寨导游词

2015/02/05 职场文书

写好Python代码的几条重要技巧

2021/05/21 Python

MySQL约束(创建表时的各种条件说明)

2022/06/21 MySQL