Wie kann ich ein Menü, das eine Variable in Javascript

Question

erklärt

Hier ist mein Menü:

<a id="page1" href="" onclick="var = page1">Home</a> 
<a id="page2" href="" >About us</a> 
<a id="page3" href="" >Services</a> 
<a id="page4" href="" >Partners</a> 
<a id="page5" href="" >Contact us</a> 

Alles was ich brauche ist ein Onclick, die eine Variable in Javascript erklärt, da ich in Javascript nicht sehr geschickt bin ich brauche bitte Hilfe.

Answer 1

Dies ist eine ungültige Syntax:

var = page1 

Sie haben die Variable einen Namen zu geben:

var someVariable = page1 

Und natürlich, page1 irgendwo definiert sein muss, sonst wird dies ein produzieren Error. Oder vielleicht gemeint Sie dies ?:

var page1 = 'some value' 

---

ist jedoch zu beachten, dass diese wahrscheinlich ist nicht das, was Sie zu tun versuchen. Klar, Sie können in einem Klick-Event "eine Variable deklarieren", aber was bewirkt das eigentlich? Welcher andere Code ist mit diese Variable? Warum nicht deklarieren Sie die Variable in dem Bereich, wo Sie es wollen und dann nur seinen Wert im Click-Event aktualisieren? (Das sollte eigentlich in einer passend benannten Funktion eingekapselt werden. Idealerweise sollte ein click -Ereignis einfach eine Funktion aufrufen, das Ereignis selbst sollte keine Codezeilen enthalten.)

Wir können wahrscheinlich bieten sinnvollere Hilfe wenn Sie näher erläutern können, was Sie hier eigentlich erreichen wollen.

Answer 2

Wenn Sie jQuery verwenden können, ist es ziemlich einfach, rufen Sie einfach eine Funktion auf, die die Variable erstellt (denken Sie daran, dass Sie nur mit dieser Variable innerhalb dieser Funktion arbeiten können), oder wenn Sie sie woanders brauchen, Erstellen Sie die Variable im globalen Gültigkeitsbereich und verwenden Sie einfach die Funktion, um sie zu ändern. Für exmample: HTML:

<a id="page1" onclick="makevar('hello word')">Home</a> 
<a id="page2" href="" >About us</a> 
<a id="page3" href="" >Services</a> 
<a id="page4" href="" >Partners</a> 
<a id="page5" href="" >Contact us</a> 

Javascript:

var var1=""; 
function makevar(varcontent){ 
var1=varcontent; 
alert(var1); 
} 

beide Optionen Siehe hier https://jsfiddle.net/3Lyeo6kc/1/ und https://jsfiddle.net/3Lyeo6kc/2/