Javascript-Funktion an anderer Stelle in Html-Datei ausführen
Hi,
ich habe ein Html Dokument und habe in den Header eine Menge Javascript geschrieben.
Nun will ich im Body einen Link einfürgen, und wenn man dort drauf klickt dann soll eine Javascript-Funktion ausgeführt werden die ich im Header geschrieben hab.
Wie kann ich das am bester verwirklichen?
Gruß
ich habe ein Html Dokument und habe in den Header eine Menge Javascript geschrieben.
Nun will ich im Body einen Link einfürgen, und wenn man dort drauf klickt dann soll eine Javascript-Funktion ausgeführt werden die ich im Header geschrieben hab.
Wie kann ich das am bester verwirklichen?
Gruß
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 124388
Url: https://administrator.de/contentid/124388
Ausgedruckt am: 22.11.2024 um 22:11 Uhr
3 Kommentare
Neuester Kommentar
... um den HTML- und Javascript-Code getrennt zu halten könnte man auch:
test.html
test.js
test.html
<html>
<head>
<title></title>
<script src="test.js"></script>
</head>
<body>
<a id="link" href="">Link</a>
</body>
</html>
test.js
/**
* Durchsucht das HTML Dokument nach einer ID und gibt das HTML Element zurück
*
* @param string sId id des HTMl Elements
* @return node
*/
function $(sId)
{
return document.getElementById(sId);
}
// Wenn das Dokument geladen ist, wird ein OnClick Event dem HTML Element zugewiesen
window.onload = function()
{
$('link').onclick = function() {
alert('Link geklickt');
}
}