<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<a onclick="cc()" style="">定位</a>
<a href="#nizhaodao">定位2号</a>
<div>
我是2号页面
</div>
<div id="aa" class="aa" style="display:none">
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div id="nizhaodao" name="nizhaodao">找我拉</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
<div>定位我啊</div>
</div>
 
<script>
// 获取URL指定参数
function GetQueryString(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);//search,查询？后面的参数，并匹配正则
if(r!=null)return unescape(r[2]); return null;
}
var none=GetQueryString("a");
console.log(none);
if(none==0){
var bb=document.getElementById("aa");
bb.style.display="block";
window.onload=function(){
location.href ="#nizhaodao";
var oBox = document.getElementById("nizhaodao"); //要闪烁的div id
var timer = null; //定义时间器
var i = 0;
clearInterval(timer); //先清空时间器
oBox.onmouseover = function(){ //当鼠标移入div时 清空时间器
clearInterval(timer);
};
timer = setInterval(function () {
oBox.style.background = i++ % 2 ? "blue" : "#fff"; // 有规律的控制div的展示与隐藏
i > 4 && (clearInterval(timer)) //控制闪烁次数
}, 400 );
}
}
function cc(id){
// window.location.hash = "#nizhaodao";
location.href ='#'+id;
console.log("这个方法进来了");
}
// console.log(a);
function aa(){
var stateObject = {};
var title = "修改地址";
var newUrl = 'file:///E:/temp/url2.html?a=1&b=1';
//修改地址栏中的地址
history.pushState(stateObject, title, newUrl);
}
aa();
</script>
</body>
</html>

js超链接锚点定位的更多相关文章

  1. js实现锚点定位

    js实现锚点定位的原理是,算出定位的标签距离顶部的高度,点击触发标签,重新赋值滚动条的高度到达指定位置. <!DOCTYPE html> <html> <head> ...

  2. html锚点定位不准确问题

    问题描述 当顶部固定时,点击锚点,会跳转到锚点以下. <style> #one,#two,#three{ height: 500px; } #top{ position: fixed; h ...

  3. html中设置锚点定位的几种常见方法（#号定位）

    在html中设置锚点定位我知道的有几种方法,在此和大家分享一下: 1.使用id定位: <a href="#1F">锚点1</a> <div id=&q ...

  4. 微信小程序基于scroll-view实现锚点定位

    代码地址如下:http://www.demodashi.com/demo/14009.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.co ...

  5. html锚点的作用和js选项卡锚点跳转的使用

    location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url.而location. ...

  6. html 锚点定位

    在html中设置锚点定位我知道的有几种方法.在此和大家分享一下: 1.使用id定位: <a href="#1F" name="1F">锚点1< ...

  7. 前端1-----HTML了解,内联标签(图片,超链接锚点,超链接邮箱)

    前端1-----HTML了解,内联标签(图片,超链接锚点,超链接邮箱) 一丶自定制B/S # -*-coding:utf-8-*- # Author:Ds import socket IP_PORT= ...

  8. jquery 滚轴滚动 导航定位和锚点定位

    自己写的,只测试了ie9+, firefox,chrome 以下js更好 var fixbar={ init:function(){ "use strict"; // 滚轴 导航位 ...

  9. 使用锚点定位不改变url同时平滑的滑动到锚点位置，不会生硬的直接到锚点位置

    使用锚点定位不改变url同时平滑的滑动到锚点位置,不会生硬的直接到锚点位置 对前端来说锚点是一个很好用的技术,它能快速定位到预先埋好的位置. 但是美中不足的是它会改变请求地址url,当用户使用了锚点的 ...

随机推荐

  1. python 爬虫与数据可视化--数据提取与存储

    一.爬虫的定义.爬虫的分类(通用爬虫.聚焦爬虫).爬虫应用场景.爬虫工作原理(最后会发一个完整爬虫代码) 二.http.https的介绍.url的形式.请求方法.响应状态码 url的形式: 请求头: ...

  2. WPF: 共享Grid宽度或高度的方法

    需要两个属性: 1. Grid.IsSharedSizeScope="True" 2. SharedSizeGroup=名称 <StackPanel Margin=" ...

  3. Python金融大数据分析PDF

    Python金融大数据分析(高清版)PDF 百度网盘 链接:https://pan.baidu.com/s/1CF2NhbgpMroLhW2sTm7IJQ 提取码:clmt 复制这段内容后打开百度网盘 ...

  4. vi编辑器常用操作

    vi的三种模式 1.命令模式 2.编辑模式 3.末行模式(命令模式下,按":"即可进入末行模式) 命令模式到编辑模式:插入命令i,附加命令a,打开命令o,修改命令c,取代命令r,替 ...

  5. Java之为何配置环境变量

    一.不要问一个程序员为什么命名是基础零(^_^) 二.Java为什么跨平台: 因为有java虚拟机,一个程序的运行必然要依赖于系统,java的跨平台是因为java虚拟机jvm把不同平台编写的代码编译成 ...

  6. node版本升级参考

    https://www.cnblogs.com/sese/p/9557161.html

  7. ASCII编码查看

    实例说明 ASCII是American Standard Code Information Interchange的缩写,是基于拉丁字母的一套电脑编码系统,主要用于显示英文字符,是目前世界上最通用的单 ...

  8. Android常用的工具类SharedPreferences封装类SPUtils

    package com.zhy.utils; import java.lang.reflect.InvocationTargetException; import java.lang.reflect. ...

  9. 推荐几种Java任务调度的实现

    几种任务调度的 Java 实现方法与比较--转载 原文:http://www.ibm.com/developerworks/cn/java/j-lo-taskschedule/ 写了一天的作业调度,这 ...

  10. 配置 Tomcat 以服务方式自动运行

    接手一台用 Tomcat 跑着 Java Web 应用的 Linux CentOS 服务器,通过镜像的方式更换服务器后站点无法访问,发现是因为 Tomcat 不能在服务器启动后自动启动,于是基于 in ...