使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例
更新時(shí)間：2018年02月01日 08:30:11 作者：深入學(xué)習(xí)ing
下面小編就為大家分享一篇使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
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)到此頁面的第一次起作用，再次刷新此頁面將不起作用，而href始終起作用
以上這篇使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
下面小編就為大家?guī)硪黄猨s獲取頁面及個(gè)元素高度、寬度的代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-04-04
ES6數(shù)組與對(duì)象的解構(gòu)賦值詳解
這篇文章主要介紹了ES6數(shù)組與對(duì)象的解構(gòu)賦值,結(jié)合實(shí)例形式詳細(xì)分析了ES6中數(shù)組與對(duì)象的解構(gòu)賦值原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
.NET微信公眾號(hào)開發(fā)之創(chuàng)建自定義菜單
這篇文章主要介紹了.NET微信公眾號(hào)開發(fā)之創(chuàng)建自定義菜單的相關(guān)資料,需要的朋友可以參考下2015-07-07
本文詳細(xì)介紹了html嵌入javascript代碼的三種主要方式：腳本塊的方式、引入外部獨(dú)立的.js文件、事件句柄是以html標(biāo)簽的屬性存在的，有感興趣了解的同學(xué)可以借鑒閱讀2023-03-03
javaScript+turn.js實(shí)現(xiàn)圖書翻頁效果實(shí)例代碼
這篇文章主要介紹了javaScript+turn.js實(shí)現(xiàn)圖書翻頁效果實(shí)例代碼,重點(diǎn)講解turn.js 如何使用的。需要的朋友可以參考下2017-02-02
這篇文章主要幫助大家理解javascript中的with關(guān)鍵字，學(xué)習(xí)with關(guān)鍵字的作用，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章為大家詳細(xì)主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
alert彈出框出現(xiàn)亂碼的情況，想必大家都有遇到過吧，其實(shí)解決方法很簡(jiǎn)單設(shè)置charset=utf-8在試試，看看是不是好了2013-09-09
“Promises”漸漸成為JavaScript里最重要的一部分，大量的新API都開始promise原理實(shí)現(xiàn)。這篇文章主要為大家詳細(xì)介紹了JavaScript Promise 用法，感興趣的小伙伴們可以參考一下2016-06-06
JavaScript實(shí)現(xiàn)圖片預(yù)加載的方法總結(jié)
在Web前端開發(fā)中,圖片是網(wǎng)頁內(nèi)容的重要組成部分,但它們的加載時(shí)間往往會(huì)影響頁面的整體性能,為了提升用戶體驗(yàn),減少等待時(shí)間,開發(fā)者通常會(huì)采用圖片預(yù)加載（Image Preloading）技術(shù),本文給大家介紹了JavaScript實(shí)現(xiàn)圖片預(yù)加載的方法總結(jié),需要的朋友可以參考下2024-12-12