Javascriptcode für mehrere html Seiten verwenden?

Ich habe einen externen js Code, welcher auf meiner Hauptseite funktioniert. Wenn ich diesen nun auch auf einer anderen Seite verwenden will geht es nicht. Es liegt nicht an falschen/fehlenden ids o.ä. Das html wurde nämlich komplett kopiert (für nen Header). In den Chrome Entwicklertools wird kein Problem gemeldet.

Sorry, ich habe den Code gerade nicht zur Hand.

Frage: Hat js Probleme den Code wiederzuverwenden, wenn mit getElementById gearbeitet wurde und wenn ja: was kann man alternativ machen?

3 Antworten

LeBonyt

27.10.2022, 21:08

Hm, prinzipiell ist das möglich das dasselbe JavaScript auf verschiedenen Seiten zu benutzen. So ohne Code, Fehlermeldung und die Struktur zu kennen, ist es sehr schwer hier die Ursache zu kennen.

Ich fange mal an. Ist denn der Pfad des JavaScriptes in den anderen Seiten korrekt angegeben? Einbindung mit alert oder console.log prüfen.

Woher ich das weiß:Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

Rdtcg

Beitragsersteller

27.10.2022, 21:33

Ah ja. Das mit alert prüfen habe ich tatsächlich voll vergessen. Probiere ich morgen mal, aber eigentlich ist es auf beiden Seiten gleich eingebunden

LeBonyt

27.10.2022, 21:38

@Rdtcg

Im nächsten Schritt müssten wir dann den Code sehen. Sind die Selektoren im Script und im HTML identisch?

Rdtcg

28.10.2022, 12:27

Es lag der Gradient über dem Button 🤦🏼‍♀️

Woher ich das weiß:eigene Erfahrung

TechPech1984

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

27.10.2022, 21:25

pro seite wird der code immer wieder neu geladen und gestartet .

ist gibt kein weiterverwenden , es gibt nur die gleiche resource . beim neu laden wird der komplette dom gelöscht und neu angelegt . die eine seite kennt die andere seite nicht . auch läuft das javascript nicht weiter sondern wird neu geladen (oder aus dem cache geholt) und gestartet .

webseiten sind immer unabhängig , maximal ein popup kann von der hauptseite aus bedient werden solange die noch exisitert .

Rdtcg

Beitragsersteller

27.10.2022, 21:34

Okay, das beruhigt mich etwas 😄 hätte keine Lust das komplett neu machen zu müssen

TechPech1984

27.10.2022, 21:44

@Rdtcg

du kannst ind er browser/entwickler konsole (F12 dücken) ob deine resourcen geladen wurden oder der pfad falsch ist und auch welche fehler kommen .

Ähnliche Beiträge

Einbindung von JS und CSS klappt nicht, könnte die Fehlerursache sein?

Hallo Leute, ich wollte gerade zum besseren Verständnis von getElementById() ein Beispiel nachbauen, dazu habe ich ein HTML-Dokument erstellt und die entsprechenden JavaScript- und CSS-Dateien eingebunden. Die CSS-Datei im Kopfbereich, die JS-Datei vor dem schließenden body-Tag. Am Ende soll ein roter Rahmen um eine Tabelle erzeugt werden.

Ich dachte erst, dass es am falsch eingegebenen Pfad liegen könnte, aber der ist soweit ich sehe auch richtig. Egal was ich tue, die HTML-Datei wird ausgegeben, aber ohne die JS- und CSS-Komponenten.

Hier der zugehörige JS-Code:

Hier der JS-Code:

function init() {
    // Selektion nach ID
    const mainElement = document.getElementById("main");
    mainElement.className = "border";
}

Hier der CSS-Code:

.border {
    border: thick solid red;
    border-radius: 25px;
    padding: 5px 25px 25px 25px;
}

...zum Beitrag

Zufallsgenerator in ausgewähltem Bereich HTML & JS?

Hey,

ich bräuchte auf meiner Webseite einen Zufallsgenerator der in einem zuvor ausgewähltem Bereich eine zufällige Zahl raushaut. Ich hatte mir überlegt, dass man in einen Input eine Zahl eingibt und dann ein Zufallsgenerator in JS eine Zahl zwischen 0 und dieser festgelegten ausspuckt. Ich habe schon viel probiert, auch mit "getElementById" aber nichts hat geklappt.

Habt ihr Ideen?

Danke im voraus :)

...zum Beitrag

Selber oder Webflow, …?

Ich kann mittlerweile gut mit HTML, CSS und Js umdgehen. Ich will meinen Kunden Webseiten mit CMS bzw einem Editor anbieten halt ich bin mir aber nicht sicher ob ich es machen sollte.

Ich überlege mir Webflow zu verwenden oder wenn ihr empfehlungen habt für CMS wo man uneingeschränkt HTML, CSS und Js benutzen kann. Ich bin mir halt nicht sicher ob man so flexibel ist mit Webflow wie als ob man es selber Programmiert

...zum Beitrag

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zum Beitrag

Wie findet ihr die W3schools Code-Beispiele?

Mich würde mal interessieren, wie ihr die W3C Code-Beispiele findet, wenn man auf try it yourself klickt.

Ich persönlich finde die wenig hilfreich, weil der JavaScript-Code direkt in HTML implementiert wird, anstatt dass man strikt zwischen HTML und JS trennt.

Kennt ihr eine Alternative, die das besser handhabt? An sich finde ich es nämlich sehr gut, wenn Seiten solche Try it yourself Beispiele einbauen. Nur gefällt mir nicht, dass keine strikte Trennung herrscht.

...zum Beitrag

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')?

Hi bräuchte Hilfe bin noch komplette Anfängerin, das ist mein erstes Projekt mir js und kriege es nicht hin den Fehler zu beheben. Hab schon vieles Versucht nichts hat geklappt also hier mal die wichtigesten Schnipsel meiner Website vielleicht kann ja jemand den Fehler finden :D

Head:

Style:

HTML:

js:

dev tools:

Sorry das das so viel ist :///

...zum Beitrag

Gibt es sowas für Webseiten?

Gibt es eine Seite, wo ich einfach den Code für Sachen wie Slider, Cards, oder Tabs mit Html css und js kopieren und einfügen kann in meine eigene Webseite.

...zum Beitrag

Warum wird diw HTML Index Dateie nicht im Browser angezeigt?

Hallo zusammen,

bin absoluter Neuling der kürzlich erst die Basics von Python gelernt hat und wollte nun mit Js und Node JS etwas arbeiten. Habe über Visual Studio einen Code geschrieben, aber wenn ich diesen in chrome Aufrufe wird nichts angezeigt. Kann mir da vielleicht wer helfen?
Danke im Voraus:)

...zum Beitrag

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zum Beitrag

Wie ändere ich einen Paragraph indem ich einen Button benutze mithilfe von HTML und Javascript?

Hallo zusammen,

ich benötige einen Code. Ich möchte einen Paragraphen anzeigen lassen mit einem Text, der sich auf Knopfdruck ändern lässt und immer eine Value weiter springt, wenn ich diesen Button anklicke. Wie schreibe ich diesen Code mit HTML und JS?

Ich finde leider nur Hilfe für einen Text, der sich nur einmalig per Knopfdruck ändert. Ich möchte aber, dass dieser sich jedes Mal ändert, sobald ich den Button nochmal anklicke.

...zum Beitrag

JS console.log in HTML ausgeben?

Hallöchen!

Wir arbeiten gerade an einer simplen Webseite in der Schule. Dabei müssen wir sowohl HTML als auch Javascript verwenden. Nun habe ich am Ende der JS Funktion jedoch einen console.log command, welcher mir ein bestimmtes Element eines Array ausgibt. Dies ist dann auch das Endprodukt der Funktion. Wie kann ich diesen console.log command nun auf meiner Webseite ausgeben? Bzw. wie kann ich dieses Element auf meiner Webseite aus geben.

Der command:

console.log(Liste[XinOriginal)

Das Element:

"e ist der häufigste Buchstabe: " + e + " mal"

Danke für eure Hilfe!

...zum Beitrag

JS script richtig importieren?

Wenn ich meine JS Skripte in meinem HTML Dokument schreibe funktionieren die Super. Wenn ich diese dann aber in den Header Schreibe

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

Dann geht alles was mit dem Script zutun hat nicht.

...zum Beitrag

Wie HTML Animation die aus verschiedenen Dateien besteht einbinden?

Ich habe eine interaktive HTML Animation bekommen. Dieser Ordner besteht aus vielen verschiedenen dateien. Bilder, Videos, CSS, JS. Ich möchte diese Animation nun auf meiner Website einbinden.

Ich bin ehrlich gesagt etwas überfordert. Ich weiß wie ich HTML Code einbinde etc. Aber nicht ein Content Element welches sich aus vielen verschienden Dateien zusammensetzt.

...zum Beitrag

HTML/JS Icon Link lädt zu lange?

Hey,

ich lade meine Icons über diesen Link:

<script src="https://kit.fontawesome.com/03a9efeaa3.js" crossorigin="anonymous"></script>

Dieser Link ist im head. Mein anderer script-Tag ist im body und lautet so:

<script type="module" src="./JS/main.js"></script>

Nun habe ich das Problem, dass wenn ich meine Seite neu lade, es lange lädt und dann abstürzt.

Die Konsolenausgabe sieht so aus:

Was kann ich tun?

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen