<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. BZOJ4451 [Cerc2015]Frightful Formula 多项式 FFT 递推 组合数学

    原文链接http://www.cnblogs.com/zhouzhendong/p/8820963.html 题目传送门 - BZOJ4451 题意 给你一个$n\times n$矩阵的第一行和第一列 ...

  2. 平衡树简单教程及模板（splay, 替罪羊树, 非旋treap）

    原文链接https://www.cnblogs.com/zhouzhendong/p/Balanced-Binary-Tree.html 注意是简单教程,不是入门教程. splay 1. 旋转: 假设 ...

  3. [tensorflow]图像处理相关模块的安装（python3中PIL）

    直接上过程图(平台为Anaconda): 默认已经配置完了tensorflow的3.5的环境 我这里已经安装完成 接下来,就可以在python文件中引入模块了 from PIL import Imag ...

  4. DPI与DFI技术分析

    DPI全称为“Deep Packet Inspection”,称为“深度包检测”.DPI技术在分析包头的基础上,增加了对应用层的分析,是一种基于应用层的流量检测和控制技术,当IP数据包.TCP或UDP ...

  5. (二)文档请求不同源之window.postMessage跨域

    一.基本原理 HTML5为了解决跨域,引入了跨文档通信API(Cross-document messaging).这个API为window对象新增了一个window.postMessage方法,允许跨 ...

  6. python 类和元类(metaclass)的理解和简单运用

    (一) python中的类 首先这里讨论的python类,都基于继承于object的新式类进行讨论. 首先在python中,所有东西都是对象.这句话非常重要要理解元类我要重新来理解一下python中的 ...

  7. bzoj2982: combination(lucas定理板子)

    2982: combination Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 664  Solved: 397[Submit][Status][Di ...

  8. 【自动化测试】使用Java+selenium填写验证码成功登录

    这是我第一次发博客,若有问题,请多多指教! 本次是为了帮忙解决,如果在平时自动化遇到有验证码填写的情况,我们如何成功登录情况. 思路: 首先我们先将验证码复制并保存成一个图片,然后使用tesserac ...

  9. 02_ if_else if 练习

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  10. AWS Add Key Pair to Elastic Beanstalk Instance 给EB实例加密钥

    Go to Elastic Beanstalk -> Configuration -> Security -> Virtual machine permissions -> E ...