js超链接锚点定位
<html> <head> <meta charset="UTF-8"> </head> <body> <a οnclick="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.οnlοad=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>
轉載于:https://www.cnblogs.com/longly/p/9658221.html
總結
- 上一篇： 三国志战略版自愈是谁的技能
- 下一篇： 『中级篇』Docker-Stack部署投