JS实现页面内跳转

使用js（$.ajax中）实现页面内跳转（即：描点平滑跳转）的方法(aa为跳转目的标签的id)：

　　在网络上有很多资料所说的：animate方法我试了并不好使，不知道是啥原因,欢迎大家指正，附上网络方法：

1 var oneTop = $("#aa").offset().top;
2 jQuery("html", "body").animate({ scrollTop: oneTop }, 0);

经过测试，如果不需要有滑动动画的话，可使用下面的语句：

1 location.href("#aa");

时间： 2024-12-18 09:53:50

JS实现页面内跳转的相关文章

使用JS实现页面内跳转的两种方式

第一种方式是直接使用锚点配合链接标签: <h2 id="h2-anchor">Scroll to here</h2> <a href="#h2-anchor">Jump to H2</a> 现在大多数实现都采用该种方式.但是这种方式没有动画效果,跳转是直接发生的. 第二种方式使用jQuery中的animate方法实现: var target= $('#h2-anchor').offset().top; $('body'

5（拓展）-页面内跳转

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>页面内跳转</title> </head> <body> <h1 id='biaoti01'>标题一</h1> <a href="#biaoti01">标题一</a> <a href="#b

[转]js实现页面定时跳转

其实很简单的一件事情,使用js提供的setTimeout()函数则可以完成了. 下面是简单的代码实现: [html] view plaincopy <html> <head></head> <body> <h1>提交成功</h1> <a href="http://www.so.com">3秒后系统会自动跳转,也可点击本处直接跳</a> </div></div><

js 获取页面内链接

今天有同学问如何用 JS 正则表达式获取一段文本中的超链接,并对超链接进行处理,想了几分钟,写了下面的代码: var re = /https?:\/\/[\w\.:~\-\d\/]+(?:\?[\w\d\-_&=%]+)?(?:#[^\s]+)?/i; 这个正则表达式处理这种类型的URL: protocol://host:port/path?param=value#xxoo 想法是好的,但总要测试通过才可以,随即又写了一段获取页面内所有带有 src, href 属性的代码: function g

js刷新页面和跳转

javascript返回上一页: 1.返回上一页 history.go(-1); 返回上两个页面 history.go(-2); <a href="javascript:history.go(-1);">上一页</a> 2.history.back(). 3.window.history.forward() 返回下一页 4.window.history.go(返回第几页,也可以是url) 5.window.location.href=url; js刷新页面的几种

js获得页面get跳转的参数

通过js获得页面跳转参数页面通过window.location.href或通过window.parent.location.href进行页面跳转,在新的页面如何获得相应的参数呢? window.location.href方式其中去除"#"号是因为url参数中还添加了#的参数. function GetRequest(name) { var url = window.location.search; //获取url中"?"符后的字串 // var theReque

关于js单页面实现跳转原理以及利用angularjs框架路由实现单页面跳转

还记得我们刚开始学习html时使用的锚节点实现跳转吗? <a href="#target">我想跳转至目标位置</a> <p>第一条</p> .... <p id="#target">我是目标位置</p> ... 在js中实现跳转也是利用了这一点,下面直接在代码中解释吧: 1 <body> 2 <ul> 3 <li><a href="#/mus

页面内跳转到相应位置的3种方法

首先设置所需的css和html 设置css .demo{ width: 200px; height: 200px; border: 1px red solid; margin-bottom: 100px; margin-right: 50px; } .btn{ position: fixed; right: 0; top: 20px; background-color: #0000cc; color: #ffffff; } 设置html <div class="demo">

vue.js实现页面倒计时跳转功能

需求分析: 页面倒计时5秒后进入系统主页,数字需要实时更新! <template> <div class=""> <h1>欢迎来到Vue.js项目首页</h1> <h2>你将在<span style="color:red">{{time}}</span>秒后进入系统</h2> </div> </template> <script> ex