Wie wird Text angezeigt, wenn ein bestimmter Hashtag in der URL vorhanden ist?

Question

Ist es möglich, Text anzuzeigen, wenn nur die richtige ID verwendet wird? So dass einiger Text ist nur sichtbar, wenn die URL sagt http://example.com#hello und nicht sichtbar, wenn er sagt, nur http://example.com

(Ich bin nicht aus einem englischsprachigen Land so dass ich eine harte Zeit habe beschreiben dies.)

Answer 1

für das sollten Sie JavaScript verwenden und überprüfen, ob die URL hat oder nicht, und dann wählen Sie das Element, das Sie wollen ein Verhalten hinzuzufügen oder zu entfernen ..

var textElement = document.getElementById('myTextElement'); 
if(window.location.hash == '#hello'){ 
    textElement .style.display = 'block'; 
} else { 
    textElement .style.display = 'none'; 
} 

Hoffe es hilft.

Answer 2

if (window.location.hash == "#hello") { 
    document.getElementById("myElement").style.visibility = "visible" 
} else { 
    document.getElementById("myElement").style.visibility = "hidden" 
} 

Sie würden wahrscheinlich wollen das Element erhalten und es auf eine Variable gesetzt, anstatt beide Male auf das DOM aufrufen, aber Sie sollten die Idee hier. Sie könnten auch anstelle der Sichtbarkeitseigenschaft verwenden, wenn Sie möchten.

Answer 3

Ich denke, das mit reinem CSS getan werden kann:

<div id="test">Can you see me?</div> 

<style> 
    #test{opacity:0;} 
    #test:target{opacity:1} 
</style> 

http://jsbin.com/dorazeyumu/edit?output