js实现进入页面后自动跳转到锚点

$(function(){

var url = window.location.toString();//进这个页面的url

var id = url.split(“#”)[1];//url例如: www.baidu.com#maodian(这个是你锚点的位置)

if(id){

var t = $(“#”+id).offset().top;

$(window).scrollTop(t);//滚动到锚点位置

}

});

原文地址:https://www.cnblogs.com/wssdx/p/8329238.html

时间: 2024-10-10 21:47:13

js实现进入页面后自动跳转到锚点的相关文章

js实现多少秒后自动跳转

第一种使用SetInterval: $(function () { setInterval(ChangeTime, 1000); }); function ChangeTime() { var time; time = $("#time").text(); time = parseInt(time); time--; if (time <= 0) { window.location.href = "/Home/Index"; } else { $("

用js在网页上完成倒计时3秒后自动跳转到另一个页面

<body> <div id="time"></div> <a href="#" onclick="stop()">停止</a> <script type="text/javascript"> var i=3; function changeTime(){ document.getElementById("time").innerHTM

js实现网页多少秒后自动跳转到指定网址

在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1.用一个response.sendRedirect("目标页面.jsp\.htm");实现直接跳转: 2.有时我们需要有点提示,比如“x秒后自动跳转,若没有跳转,请点击此处”,则可以在myeclipse中调用Snippets中的Delay Go To URL.会自动生成如下代码: 代码如下: <script language="JavaScript1.2" type="te

Android欢迎页面2秒钟后自动跳转到主页面

页面跳转 一.功能介绍 打开APP先进入欢迎页面,2秒钟后自动进入主页面 二.项目结构分析 三.详细代码 1.WelcomeActivity.java package com.xingyun.shoopingmail4; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.os.Handler; import com.xingyun.shoopin

js input框输入1位数字后自动跳到下一个input框聚焦

// input框输入1位数字后自动跳到下一个input聚焦 function goNextInput(el){ var txts = document.querySelectorAll(el); for(var i = 0; i<txts.length;i++){ var t = txts[i]; t.index = i; t.setAttribute("readonly", true); t.onkeyup=function(){ this.value=this.value.

session过期后自动跳转到登陆页

项目需要做一个自动登出的功能,查询了网上的资料,一开始准备用session监听做,按照下面方式配置监听器 1.在项目的web.xml文件中添加如下代码: <!--添加Session监听器--> <listener> <listener-class> 监听器路径 </listener-class> </listener> 2.编写java类. public class SessionListener implements HttpSessionLi

JSP页面实现自动跳转

1 <html><head><script language=javascript> function out(obj) {  var i = obj;  if (i == 0)   document.location.href = "t.html";  document.body.innerHTML = i;  i--;  setTimeout("out(" + i + ")", 1000); }</s

HTML5实现页面你自动跳转

初学H5,书上说的是<meta http-equiv="refresh" content="5" url="./error.html"/>这样可以实现,百度了下,也有这样写的,但是结果是实现不了地,问了下师兄,原来是写错了,更正以后 <meta http-equiv="refresh" content="5;url=./error.html"/> 注意content后面的数字和路径都

计时3秒后自动跳转到登录页

<script> //计时3秒后自动跳转到登录页 var i = 3; var time_out; time_out = setInterval("time()", 800); function time() { if(i == 0){ window.location.href = "/user/login"; clearInterval(time_out); } document.getElementById("time").inn