Link-JavaScript-Funktion Schaltfläche Senden

Dies ist die Struktur meines HTML:Link-JavaScript-Funktion Schaltfläche Senden

<html> 
<body> 
<head> 
... 
    <script type='text/javascript' src="js/javascript.js"></script> 
</head> 
... 
<button class="submit" onclick="submitted()">Submit</button> 
</body> 
</html>

Mein Dateiverzeichnis ist Desktop/Project/. Innerhalb des Projektordners ist die HTML-Datei eigenständig und es gibt einen Unterordner namens js, in dem javascript.js existiert.

Innerhalb der externen js Datei, die es etwas geht:

function submitted(){ 
... 
subtask(variable) 
... 
} 

function subtask(param){ 
... 
}

Innerhalb submitted() ich alert('hello'); als das erste, was hinzugefügt und es würde den Alarm nicht ausgelöst werden, wenn ich die HTML-Seite zu aktualisieren. Mache ich etwas falsch?

Quelle

2016-04-25 btrballin

Sind irgendwelche Fehler gemeldet? Überprüfen Sie die "Konsole" in den Dev Tools Ihres Browsers. –

@timolawl es ist ein Tippfehler, während ich diese Frage hier posten. Der Tippfehler existiert nicht in meiner eigentlichen Projektdatei – btrballin

Warum erwarten Sie die Warnung, wenn Sie die Seite aktualisieren? Sie rufen die Funktion beim Klicken auf die Schaltfläche und nicht beim Laden der Seite auf. Bitte geben Sie das Problem deutlicher an. – nnnnnn

Ändern Sie Ihr <script> Tag:

<script type="text/javascript" src="js/javascript.js"></script>

.. bedeutet "ein Verzeichnis über dem aktuellen Verzeichnis".

Quelle

2016-04-25 03:51:39

Also habe ich die Verzeichnislink-Syntax geändert und eine separate Funktion mit dem Namen 'submit() {alert (" hi "); } 'in der js-Datei und ändern Sie die HTML-Schaltfläche" Senden "an" Senden Sie ', aber es wird nicht die Warnung ausgelöst ... – btrballin

Haben Sie einen Fehler in gefunden Konsole? – Rayon

Das ist komisch. Ich bekomme einen Syntaxfehler, obwohl ich den ganzen anderen Code auskommentiert und die 'submit()' Funktion beibehalten habe. Wenn ich die Konsole überprüfe, hat der Quellcode nicht einmal die neu erstellte Übergabefunktion, obwohl ich den Quellcode gespeichert und die HTML-Seite aktualisiert habe. – btrballin

nach Ihren Beschreibungen, die HTML-Datei innerhalb Projekt ist Ordner und die JS-Datei ist in Projekt/js Ordner, dann wird der Pfad src ../js/javascript.js muss falsch sein. Versuchen js/javascript.js

Ursprünglich dachte ich, es war, weil Sie Ihre script Tag innerhalb head setzen, nicht nach button Tag. Aber ich habe es versucht. Es funktioniert gut mit script in head

Quelle

2016-04-25 03:58:25

Backticks (') können zum Formatieren von Code verwendet werden. –

Also, wenn ich die JavaScript-Konsole überprüfen, sieht es aus wie der Quellcode nicht aktualisiert wird. Ich hatte 2 Funktionen vorher. Ich habe die 2 Funktionen auskommentiert und die einfache Funktion mit Alert hinzugefügt, aber wenn ich die Konsole sehe, wird der js-Code nicht mit der neuen Submit-Funktion auskommentiert.Es zeigt nur die 2 ursprünglichen Funktionen. Warum wird der JS-Code nicht aktualisiert, wenn ich die Seite in meinem Browser aktualisiere? Ich habe sichergestellt, dass die HTML- und JS-Datei gespeichert wird. – btrballin

Nvm. Ich hatte 2 js Dateien mit demselben Namen an verschiedenen Orten und ich aktualisierte die falsche js Datei. Mein Problem ist gelöst! – btrballin

Link-JavaScript-Funktion Schaltfläche Senden

Antwort

Verwandte Themen