Hozzon létre alkalmazás-stílusú élményt webhelyein
A dinamikus HTML (DHTML) lehetővé teszi, hogy alkalmazás-stílusú élményt hozzon létre webhelyein, csökkentve annak gyakoriságát, hogy a teljes oldalaknak teljesen betöltve legyen. Az alkalmazásokban, amikor rákattintanak valamire, az alkalmazás azonnal megváltozik, hogy megmutassa az adott tartalmat, vagy hogy megadja a választ.
Ezzel szemben a weboldalakat rendszerint újratölteni kell, vagy teljesen új oldalt kell betölteni. Ez megnehezíti a felhasználói élményt. Az ügyfeleknek várniuk kell az első oldal betöltésére, majd várni a második oldal betöltésére, és így tovább.
A & lt; div & gt; a megjelenítői élmény javításához
A DHTML használatával az egyik legegyszerűbb módja ennek a tapasztalatnak a javítása, ha a div elemek be és kikapcsolhatók a tartalom megjelenítéséhez, amikor azt kérték. A div elem logikai felosztást határoz meg a weboldaladon. Gondolj egy div-ra, mint doboz, amely tartalmazhat bekezdéseket, fejléceket, linkeket, képeket és még más divokat is.
Amire szüksége lesz
Annak érdekében, hogy létrehozzanak egy olyan divot, amely be- és kikapcsolható, a következőkre van szüksége:
- Egy link, amely a div irányításához kapcsolja be és ki, ha rákattint
- A div, hogy megmutassa és elrejtse
- CSS a div elrejtéséhez vagy láthatóságához
- JavaScript a művelet végrehajtásához
A Controlling Link
A kontrolling link a legegyszerűbb rész. Egyszerűen hozzon létre egy olyan linket, mint egy másik oldal. Most hagyja üresen a href attribútumot.
Ismerje meg a HTML-tHelyezze ezt bárhová a weboldalára.
A Div a Show és Hide
Hozzon létre egy div elemet, amelyet meg szeretne mutatni és elrejteni. Győződjön meg arról, hogy a div egy egyedi azonosítóval rendelkezik. A példában az egyedi azonosító a HTML oktatása .
Ez a tartalom oszlop. Az üres, kivéve a magyarázat szövegét. Válassza ki, mit szeretne megtudni a bal oldali navigációs oszlopban. A szöveg az alábbiak szerint jelenik meg: Hozz létre két osztályt a CSS-hez: az egyik a div és a másik elrejtéséhez, hogy megmutassa. Ennek két lehetősége van: megjelenítés és láthatóság. A kijelző eltávolítja a div-ot az oldaláramlásból, és a láthatóság csak megváltoztatja a láthatóságot. Néhány kódoló preferálja a megjelenítést , de néha a láthatóságnak is van értelme. Például: Ha láthatóságot szeretne használni, akkor ezeket az osztályokat módosítsa: Adja hozzá a rejtett osztályt a divjához, hogy elinduljon az oldal rejtett részeként: Ez a parancsfájl mindenképpen nézd meg az aktuális osztályodat a divodon, és átkapcsolja azt, ha nem rejtett, ha rejtett vagy vice versenyt jelöl. Ez csak néhány sor JavaScript. Tegye a következőket a HTML dokumentum fejrészébe (a Ismerje meg a HTML
A CSS bemutatja és elrejteti a Div
JavaScript a munkához