JS模擬錨點跳轉的程式碼

小云云
發布: 2018-02-02 10:14:02
原創
2481 人瀏覽過

本文主要為大家分享一篇使用JS模擬錨點跳轉的實例,具有很好的參考價值,希望對大家有幫助。一起跟著小編過來看看吧,希望能幫助大家。

A-HTML錨點定義:

設定錨點:

<a href="#mao" rel="external nofollow" >&nsbp;</a>
登入後複製

設定點:為了瀏覽器相容性,id和name一起設定)

<a id="mao" name="mao">跳至第一个锚点</a>
登入後複製

B:使用JS模擬錨點跳轉:

js中location.href可以跳到某個url;

1、window.location.href = window. location.href + "#mao";

2、window.location.hash = "#mao";

備註:hash只會在跳到此頁面的第一次起作用,再次刷新此頁面將不起作用,而href始終起作用

相關推薦:

JS如何實現在頁面上快速定位(錨點跳轉問題)

jQuery 錨點跳躍滾動條平滑捲動一句話程式碼

關於錨點跳轉及jQuery下相關運算與外掛程式_jquery

以上是JS模擬錨點跳轉的程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板