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

jquery提示 "object expected"的解决方法

Dec 13 Javascript

ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList

Feb 03 Javascript

jQuery读取和设定KindEditor值的方法

Nov 22 Javascript

jquery实现的网页自动播放声音

Apr 30 Javascript

js实现鼠标感应图片展示的方法

Feb 27 Javascript

基于jQuery实现点击最后一行实现行自增效果的表格

Jan 12 Javascript

动态设置form表单的action属性的值的简单方法

May 25 Javascript

javascript-解决mongoose数据查询的异步操作

Dec 22 Javascript

关于axios不能使用Vue.use()浅析

Jan 12 Javascript

vue双向绑定及观察者模式详解

Mar 19 Javascript

Angular6使用forRoot() 注册单一实例服务问题

Aug 27 Javascript

vscode+gulp轻松开发小程序的完整步骤

Oct 18 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

咖啡风味世界咖啡主要分布分布咖啡的生长要求

2021/03/06 新手入门

php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)

2013/06/27 PHP

解析PHP中的内存管理,PHP动态分配和释放内存

2013/06/28 PHP

PHP实现HTML生成PDF文件的方法

2014/11/07 PHP

PHP chunk_split()函数讲解

2019/02/12 PHP

php进程(线程)通信基础之System V共享内存简单实例分析

2019/11/09 PHP

laravel框架创建授权策略实例分析

2019/11/22 PHP

IE8 兼容性问题（属性名区分大小写）

2009/06/04 Javascript

JS获取地址栏参数的小例子

2013/08/23 Javascript

JQuery的$和其它JS发生冲突的快速解决方法

2014/01/24 Javascript

JavaScript 栈的详解及实例代码

2017/01/22 Javascript

vue实现动态数据绑定

2017/04/28 Javascript

vue cli升级webapck4总结

2018/04/04 Javascript

Vuejs开发环境搭建及热更新【推荐】

2018/09/07 Javascript

JS学习笔记之数组去重实现方法小结

2019/05/29 Javascript

通过vue写一个瀑布流插件代码实例

2019/09/07 Javascript

关于vue表单提交防双/多击的例子

2019/10/31 Javascript

Python 时间操作例子和时间格式化参数小结

2014/04/24 Python

Python发送邮件功能示例【使用QQ邮箱】

2018/12/04 Python

对python3标准库httpclient的使用详解

2018/12/18 Python

浅谈Python3中strip()、lstrip()、rstrip()用法详解

2019/04/29 Python

python openCV获取人脸部分并存储功能

2019/08/28 Python

python破解bilibili滑动验证码登录功能

2019/09/11 Python

python解析命令行参数的三种方法详解

2019/11/29 Python

Python3内置函数chr和ord实现进制转换

2020/06/05 Python

一款纯css3实现的竖形二级导航的实例教程

2014/12/11 HTML / CSS

StubHub智利：购买和出售您的门票

2016/11/23 全球购物

加州风格的游泳和沙滩装品牌：Cupshe

2019/06/10 全球购物

什么是Smart Navigation？

2016/07/03 面试题

软件缺陷的分类都有哪些

2014/08/22 面试题

大学生素质拓展活动方案

2014/02/11 职场文书

幼儿园毕业园长感言

2014/02/24 职场文书

广告词串烧

2014/03/19 职场文书

学习雷锋月活动总结

2014/07/03 职场文书

撤诉申请书法院范本

2015/05/18 职场文书

民事诉讼答辩状范文

2015/05/21 职场文书