<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. Selenium的webdriver的常用方法，鼠标事件

    就来认识 WebDriver 中最常用的几个方法: get():跳转到的地址clear(): 清除文本. send_keys (value): 模拟按键输入. click(): 单击元素. 示例: f ...

  2. Hbase命令

    进入hbase shell命令行 bin/hbase shell HBase Shell; enter 'help' for list of supported commands. Type &quo ...

  3. 2018-2019-1 20189201 《LInux内核原理与分析》第八周作业

    只有在天足够黑的时候你才能看到星星. BY WAY GK 加油 一.书本第七章知识总结[可执行程序工作原理] 1. ELF目标文件格式 ELF全称Executable and Linkable For ...

  4. 网络编程-Python高级语法-闭包

    什么叫闭包?通俗来说就是函数里嵌套函数,从表现形式来看,内部函数引用外部函数的作用域里的变量,那么内部函数就称为闭包 举例说明: 1.闭包=函数块+定义函数时的环境,inner就是函数块,x就是环境 ...

  5. 【java】-- java并发包总结

    1.同步容器类 1.1.Vector与ArrayList异同 1.Arraylist和Vector都是采用数组方式存储数据,都允许直接序号索引元素,所以查找速度快,但是插入数据等操作涉及到数组元素移动 ...

  6. 译：Dataiku 白皮书之《在银行和保险行业应用数据科学》

    原文链接:Data Science For Banking & Insurance 如果不能正常访问,请点击备份获取. 在银行和保险行业应用数据科学 互联网巨头和金融技术创业时代的求生和发展 ...

  7. 洛谷.5283.[十二省联考2019]异或粽子(可持久化Trie 堆)

    LOJ 洛谷 考场上都拍上了,8:50才发现我读错了题=-= 两天都读错题...醉惹... \(Solution1\) 先求一遍前缀异或和. 假设左端点是\(i\),那么我们要在\([i,n]\)中找 ...

  8. configure: error: Cannot find php-config. Please use --with-php-config=PATH

    本文章给大家介绍configure: error: Cannot find php-config. Please use --with-php-config=PATH错误解决办法. configure ...

  9. jupyter notebook 远程访问

    https://www.youtube.com/watch?v=LpQl0yeZzCU 在服务器端执行: jupyter notebook --ip 服务器的Ip地址 --allow-root --n ...

  10. Java RE （正则表达式）

    正则表达式,又称规则表达式.(英语:Regular Expression,在代码中常简写为regex.regexp或RE),计算机科学的一个概念.正则表达式通常被用来检索.替换那些符合某个模式(规则) ...