<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. [PKUSC2018]星际穿越(倍增)

    题意:n个点的图,点i和[l[i],i)的所有点连双向边.每次询问(l,r,x)表示x到[l,r]的所有点的最短路径长度和. 首先这题显然可以线段树优化建图,但是需要比较好的常数才能通过45分,还需要 ...

  2. 潭州课堂25班：Ph201805201 tornado 项目 第十课 深入应用异步和协程（课堂笔记）

    tornado 相关说明 需求: 增加 /save 的 handler,实现异步保存指定 URL 图片的功能 从网页上得到一张图片地址,由这个地址将图片保存到服务器,并将相关数据保存到数据库 impo ...

  3. Windows server 服务器的端口突然远程连不上了，但是可以远程连接，怎么回事？

    ①:先ping一下,查看网络是否正常:正常的话.telnet IP 端口,查看端口是否开启了. 可以ping,不能telnet就可能是做了端口限制,可以参考以下的步骤: ②:若是不能ping,则可能是 ...

  4. Java当中的异常2

    1.throw的作用 如果一行有可能代码抛出Execption对象或者check exception 就必须对这行代码进行处理 2.throws的作用 Throws表明这个类或者方法可能会产生一个指定 ...

  5. 图片编辑工具GIMP

    今天修改图片: 给图片添加alpha通道,选中要删去的部分,就会变成透明,要保存为png格式 文库参考: http://wenku.baidu.com/link?url=HR1lKoBKS1xbhUJ ...

  6. __x__(29)0908第五天__高度塌陷 问题

    高度塌陷 在文档流中,父元素的高度默认是被子元素撑开的. 但是当为 子元素 设置 float 时,子元素会完全脱离文档流,无法再撑开父元素,导致父元素高度塌陷...以致于布局混乱 变成 BFC块级格式 ...

  7. 7. Buffer_包描述文件_npm常用指令_fs文件读写_模块化require的规则

    1. Buffer 一个和数组类似的对象,不同是 Buffer 是专门用来保存二进制数据的. 特点: 大小固定: 在创建时就确定了,且无法调整 性能较好: 直接对计算机的内存进行操作 每个元素大小为1 ...

  8. Eclipse导出自己的项目（仅供自己保留方式war包）

    War: Jar包:

  9. Jquery逐行读取txt 文件

    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...

  10. Android 进程间的通信

    localsocket:   https://blog.csdn.net/azhengye/article/details/73863404 https://www.cnblogs.com/basta ...