• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >微信小程序 > JS模拟锚点跳转的代码

JS模拟锚点跳转的代码

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-11-30

匿名通过本文主要向大家介绍了javascript,代码,模拟等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
本文主要为大家分享一篇使用JS模拟锚点跳转的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。

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如何实现在页面上快速定位(锚点跳转问题)

jQuery 锚点跳转滚动条平滑滚动一句话代码

关于锚点跳转及jQuery下相关操作与插件_jquery

以上就是JS模拟锚点跳转的代码的详细内容,更多请关注微课江湖其它相关文章!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 如何实现小程序动画?小程序动画的实现方法
  • 微信小程序如何使用微信SlideView组件(附示例)
  • 微信小程序多层嵌套渲染列表及数据获取的代码
  • 微信小程序支持 cookie的代码实现
  • 什么是懒加载?小程序中图片懒加载的两种实现方法
  • 微信小程序中选项卡的实现方法
  • 微信小程序Page构造函数以及生命周期函数的内容解析(附代码)
  • 简单的微信小程序日历组件的实现(附完整代码)
  • 微信小游戏中如何实现转发&分享&获取头像&游戏圈四种功能
  • 小程序中如何实现分享功能 (代码示例)

相关文章

  • 2018-11-30微信小程序实例:如何调用腾讯地图获取jsonp数据
  • 2017-06-20微信小程序实现移动端商城
  • 2018-11-30微信小程序关于Radio选中样式切换的实例详解
  • 2017-06-20微信小程序工具下载以及官方文档
  • 2018-11-30微信小程序 数据访问实例详解
  • 2018-11-30后台https域名绑定和免费的https证书申请的介绍
  • 2018-11-30微信小程序 scroll-view实现上拉加载与下拉刷新的实例
  • 2018-11-30微信小程序 九宫格实例代码
  • 2018-11-30微信小程序开发怎样创建项目
  • 2018-11-30微信小程序组件解读和分析:button按钮实例代码

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 微信小程序数据封装及参数传值等经验总结
    • 微信小程序折叠面板的实现方法示例
    • 关于微信小程序中跳转传参数与传对象的解析
    • 微信小程序:小程序基本目录结构讲解
    • 关于微信小程序的生命周期的解析
    • 微信小程序云开发基础
    • 千锋教育微信小程序开发视频教程的资源介绍
    • 微信小程序开发基础篇之回调函数,匿名函数,闭包(4)
    • 微信小程序源码分享
    • 如何将其他页面的数据存入app.js中

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有