编程 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表单验证使用示例(javascript验证邮箱)

Jan 07 Javascript

动态加载jquery库的方法

Feb 12 Javascript

JS实现的用来对比两个用指定分隔符分割的字符串是否相同

Sep 19 Javascript

基于Javascript实现二级联动菜单效果

Mar 04 Javascript

javascript如何定义对象数组

Jun 07 Javascript

Bootstrap基本插件学习笔记之Popover提示框(19)

Dec 08 Javascript

js cookie实现记住密码功能

Jan 17 Javascript

jQuery基于ajax实现页面加载后检查用户登录状态的方法

Feb 10 Javascript

利用Node.js+Koa框架实现前后端交互的方法

Feb 27 Javascript

深入理解vue $refs的基本用法

Jul 13 Javascript

vue生命周期实例小结

Aug 15 Javascript

p5.js绘制旋转的正方形

Oct 23 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错误信息方法的详解

2013/06/09 PHP

php 基础函数

2017/02/10 PHP

PHP children()函数讲解

2019/02/03 PHP

javascript 学习之旅（2）

2009/02/05 Javascript

ext checkboxgroup 回填数据解决

2009/08/21 Javascript

jquery ready()的几种实现方法小结

2010/06/18 Javascript

简单谈谈javascript中this的隐式绑定

2016/02/22 Javascript

1秒50万字!js实现关键词匹配

2016/08/01 Javascript

详解javascript立即执行函数表达式IIFE

2017/02/13 Javascript

老生常谈javascript中逻辑运算符&&和||的返回值问题

2017/04/13 Javascript

node.js平台下利用cookie实现记住密码登陆（Express+Ejs+Mysql）

2017/04/26 Javascript

基于nodejs+express4.X实现文件下载的实例代码

2017/07/13 NodeJs

JS获取url参数,JS发送json格式的POST请求方法

2018/03/29 Javascript

利用Vue实现一个markdown编辑器实例代码

2019/05/19 Javascript

如何进行微信公众号开发的本地调试的方法

2019/06/16 Javascript

谈谈IntersectionObserver懒加载的具体使用

2019/10/15 Javascript

详解Vue的watch中的immediate与watch是什么意思

2019/12/30 Javascript

详解vue中v-model和v-bind绑定数据的异同

2020/08/10 Javascript

Vue实现多页签组件

2021/01/14 Vue.js

Python类属性与实例属性用法分析

2015/05/09 Python

Python爬虫文件下载图文教程

2018/12/23 Python

Python3.6.2调用ffmpeg的方法

2019/01/10 Python

django的ORM操作增加和查询

2019/07/26 Python

python实现的爬取电影下载链接功能示例

2019/08/26 Python

Spring Cloud Feign高级应用实例详解

2019/12/10 Python

什么是python的自省

2020/06/21 Python

h5页面唤起app如果没安装就跳转下载(iOS和Android)

2020/06/03 HTML / CSS

《彩色世界》教学反思

2014/04/12 职场文书

节水倡议书范文

2014/04/15 职场文书

银行爱岗敬业演讲稿

2014/05/05 职场文书

校长创先争优承诺书

2014/08/30 职场文书

＂9.18＂国耻日演讲稿范文

2014/09/14 职场文书

德能勤绩廉个人总结

2015/02/14 职场文书

2015年学习部工作总结范文

2015/03/31 职场文书

公司劳动纪律管理制度

2015/08/04 职场文书

一文搞懂python异常处理、模块与包

2021/06/26 Python