onload inzicht

Door Jan R op 17-09-2018 08:31 gewijzigd op 17-09-2018 08:32

949 views

Hoi

Gesteld een paar zaken
* scripts moeten over alle samenhorende pagina's in 1 gezamenlijk bestand zitten
* Een website bevat meerdere pagina's
* HTML en script worden gescheiden gehouden
* Je hebt (soms) een onload script nodig

Hoe kan je de onload

window.onload = function() {
   // een beetje code
}

zorgen dat de juiste code wordt uitgevoerd? De tags van blad 1 zijn niet dezelfde als deze in blad 2 of blad 3.

Momenteel heb ik het zo opgelost


    let pagename = document.URL;
    let b = document.getElementsByTagName("body");
    if(pagename.includes("index")) {
        b[0].className += " index";
    }else if(pagename.includes("blad2")) {
        b[0].className += " blad2";
    }

maar hoe doen jullie het?

Jan

Thomas van den Heuvel

17-09-2018 14:35 gewijzigd op 17-09-2018 14:48

Verschillende documenten (pagina's) kunnen toch best eenzelfde opbouw (en naamgeving) hebben?

Het beste lijkt mij een constructie die in eerste instantie niet afhankelijk is van de pagina waar je op zit maar ook een die flexibel/uitbreidbaar is, dat wil zeggen, als pagina A afwijkt van pagina B, dat dat door de flexibele aanpak gewoon niet voor problemen zorgt en A en B in het gebruik verder hetzelfde werken.

EDIT: en als B dan zoveel afwijkt en verder niet zoveel overeenkomsten heeft met A dan is het misschien een idee om voor A en B -voor de specifieke delen- aparte stylesheets op te nemen, die misschien een standaard default overschrijven. Oftewel, als wat je doet zover afwijkt van elkaar dat het niet verenigbaar is, dan zul je dit toch in afzondering moeten oplossen.

Reageren

Inloggen om te reageren