简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Comment NetEase Cloud Music se rend-il compte que la balise a href a une valeur et ne saute pas ?
扔个三星炸死你
扔个三星炸死你 2017-07-05 10:56:54
0
5
970

Par exemple, cette page http://music.163.com/#/song?i...
Cliquez sur le titre de la chanson ci-dessous, et la page ne s'actualisera pas et ne sautera pas. Comment y parvenir ?

扔个三星炸死你
扔个三星炸死你

répondre à tous (5)
为情所困
为情所困2017-07-05 10:58:54 5 plancher

http://music.163.com/#/song?i... La chose après le numéro
#est appelée un fragment, ou elle peut aussi être appelée un point d'ancrage. Cette chose ne rafraîchira pas le navigateur et ne soumettra pas de requête au serveur, mais elle peut générer un enregistrement de navigateur.
Obtenir la valeur après le numéro # est window.location.hash
Il vous suffit donc de surveiller le changement de cette valeur de hachage surhashchange

Comme+0
Ajouter une réponse
    Peter_Zhu
    Peter_Zhu2017-07-05 10:58:54 4 plancher

    window.location.hash

    Comme+0
    Ajouter une réponse
      给我你的怀抱
      给我你的怀抱2017-07-05 10:58:54 3 plancher

      iframe

      Comme+0
      Ajouter une réponse
        某草草
        某草草2017-07-05 10:58:54 2 plancher

        Je suppose que vous êtes un débutant... Voir plus de code source

        _onAnchorClick = function(_event){//截获所有标签的点击事件，自定义页面的跳转 _event = _event||window.event; var _el = _event.target||_event.srcElement, _base = location.protocol+'//'+location.host; while(_el&&_el!=document){ // ... } } _addEvent(document,'click',_onAnchorClick);

        En fait, je viens d'utiliser Event.preventDefault

        我想跳转到百度搜索哆啦A梦
        Comme+0
        Ajouter une réponse
          过去多啦不再A梦
          过去多啦不再A梦2017-07-05 10:58:54 1 plancher

          La page n'est en fait pas actualisée. Vous connaissez "#target", qui peut diriger votre page vers l'emplacement cible. De plus, vous pouvez en apprendre davantage sur le hachage js (mentionné ci-dessus) et le routage

          .
          Comme+0
          Ajouter une réponse
            Sujets populaires
            Plus>
            Articles populaires
            Tutoriels populaires
            Plus>
            Tutoriels associés
            Recommandations populaires
            Derniers cours
            Derniers téléchargements
            Plus>
            effets Web
            Code source du site Web
            Matériel du site Web
            Modèle frontal
            À propos de nous Clause de non-responsabilité Sitemap
            Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！