Skep 'n toepassingstyl-ervaring op jou webwerwe
Dynamic HTML (DHTML) laat jou toe om 'n toepassingsstyl-ervaring op jou webwerwe te skep, en verminder die frekwensie wat die hele bladsye ten volle moet laai. In aansoeke, wanneer jy op iets klik, verander die aansoek dadelik om daardie spesifieke inhoud te wys of om jou antwoord te gee.
In teenstelling hiermee moet webbladsye herlaai word, of 'n hele nuwe bladsy moet gelaai word. Dit kan die gebruikerservaring meer ongelyk maak. Jou kliënte moet wag vir die eerste bladsy om te laai en wag dan weer vir die tweede bladsy om te laai, en so aan.
Met & lt; div & gt; om die ervaring van die kyker te verbeter
Met behulp van DHTML is een van die maklikste maniere om hierdie ervaring te verbeter, om div- elemente aan te skakel en af te skakel om inhoud te vertoon wanneer dit aangevra word. 'N Div-element definieer logiese afdelings op jou webblad. Dink aan 'n div as 'n boks wat paragrawe, opskrifte, skakels, beelde en selfs ander afdelings kan bevat.
Wat jy benodig
Om 'n div te skep wat aangeskakel kan word, moet jy die volgende hê:
- 'N Skakel om die div te beheer deur dit aan en af te skakel wanneer dit gekliek word
- Die div om te wys en weg te steek
- CSS om die div verborge of sigbaar te maak
- JavaScript om die aksie uit te voer
Die Kontrolerende Skakel
Die beherende skakel is die maklikste deel. Maak eenvoudig 'n skakel soos jy wil na 'n ander bladsy. Laat nou die href-kenmerk leeg.
Leer HTMLPlaas dit oral op jou webblad.
Die Div om te wys en te verberg
Skep die div element wat jy wil wys en verberg. Maak seker dat jou div 'n unieke identifikasie het. In die voorbeeld leer die unieke ID HTML .
Dit is die inhouds kolom. Dit begin leeg behalwe vir hierdie verduidelikingstekst. Kies wat jy wil leer in die navigasie kolom aan die linkerkant. Die teks sal hieronder verskyn: Skep twee klasse vir jou CSS: een om die div en die ander te versteek om dit te wys. U het twee opsies hiervoor: vertoning en sigbaarheid. Vertoon verwyder die div vanaf die bladsy vloei, en sigbaarheid verander net hoe dit gesien word. Sommige kodeerders verkies vertoon , maar soms maak sigbaarheid ook sin. Byvoorbeeld: As jy sigbaarheid wil gebruik, verander dan hierdie klasse na: Voeg die verborge klas by jou div sodat dit as versteek op die bladsy begin: Al hierdie script doen is kyk na die huidige klas wat op jou div is en skakel dit ongeduldig as dit as verborge of andersom gemerk is. Dit is slegs 'n paar lyne van JavaScript. Plaas die volgende in die kop van jou HTML-dokument (voor die HTML leer
Die CSS om die Div te wys en te verberg
JavaScript om dit te laat werk