使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例
更新時(shí)間：2018年02月01日 08:30:11 作者：深入學(xué)習(xí)ing
下面小編就為大家分享一篇使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
A-HTML錨點(diǎn)定義：
設(shè)置錨：
<a href="#mao" rel="external nofollow" >&nsbp;</a>
設(shè)置點(diǎn)：(為了瀏覽器兼容性，id和name一起設(shè)置)
<a id="mao" name="mao">跳至第一個(gè)錨點(diǎn)</a>
B：使用JS模擬錨點(diǎn)跳轉(zhuǎn)：
js中l(wèi)ocation.href可以跳轉(zhuǎn)至某個(gè)url；
1、window.location.href = window.location.href + "#mao";
2、window.location.hash = "#mao";
備注：hash只會(huì)在跳轉(zhuǎn)到此頁(yè)面的第一次起作用，再次刷新此頁(yè)面將不起作用，而href始終起作用
以上這篇使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解小程序如何避免多次點(diǎn)擊，重復(fù)觸發(fā)事件
這篇文章主要介紹了詳解小程序如何避免多次點(diǎn)擊，重復(fù)觸發(fā)事件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-04-04
使用js操作css屬性的寫法是有一定的規(guī)律的2008-11-11
兼容ie和firefox的鼠標(biāo)經(jīng)過(guò)(onmouseover和onmouseout)實(shí)現(xiàn)--簡(jiǎn)短版
兼容ie和firefox的鼠標(biāo)經(jīng)過(guò)(onmouseover和onmouseout)實(shí)現(xiàn)--簡(jiǎn)短版...2007-11-11
解讀Bootstrap v4 sass設(shè)計(jì)
這篇文章主要介紹了Bootstrap v4 sass設(shè)計(jì)的相關(guān)資料,需要的朋友可以參考下2016-05-05
基于Bootstrap實(shí)現(xiàn)下拉菜單項(xiàng)和表單導(dǎo)航條(兩個(gè)菜單項(xiàng)，一個(gè)下拉菜單和登錄表單導(dǎo)航條)
這篇文章主要介紹了基于Bootstrap實(shí)現(xiàn)下拉菜單項(xiàng)和表單導(dǎo)航條(兩個(gè)菜單項(xiàng)，一個(gè)下拉菜單和登錄表單導(dǎo)航條)的相關(guān)資料,需要的朋友可以參考下2016-07-07
微信小程序?qū)崿F(xiàn)action-sheet彈出底部菜單功能【附源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)action-sheet彈出底部菜單功能,結(jié)合實(shí)例形式分析了action-sheet組件彈出菜單的使用技巧,包括元素遍歷、事件響應(yīng)及屬性設(shè)置等操作方法,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
innerHTML，outerHTML,innerTEXT三者之間的區(qū)別
innerHTML，outerHTML,innerTEXT三者之間的區(qū)別...2007-01-01
這篇文章主要介紹了原生javascript實(shí)現(xiàn)百葉窗效果的方法及原理介紹，感興趣的小伙伴們可以參考一下2016-04-04
數(shù)組對(duì)象是使用單獨(dú)的變量名來(lái)存儲(chǔ)一系列的值，數(shù)組非常常用，數(shù)組是具有連續(xù)存儲(chǔ)位置的相似類型元素的同質(zhì)集合。數(shù)組是用戶定義的數(shù)據(jù)類型。數(shù)組是一種數(shù)據(jù)結(jié)構(gòu),我們?cè)谄渲写鎯?chǔ)相似數(shù)據(jù)類型的元素2022-09-09
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07