aspose.info
FI

DHTML - Dynaaminen HTML-tiedostomuoto

Päivitetty

Mikä on DHTML-tiedosto?

Tiedosto, jonka pääte on .dhtml, on dynaaminen HTML-tiedosto, jota käytetään verkkosivun dynaamisen sisällön luomiseen. DHTML:llä luotu verkkoelementti on tapahtumaohjattu, eikä sitä tarvitse ladata uudelleen. Useimmissa tapauksissa DHTML-tiedostoa käytetään luomaan verkkosivun dynaaminen sisältö, kuten avattavat valikot, kelluvat tasot, vierityspainikkeet ja muu dynaaminen sisältö. Tulet kohtaamaan dynaamisia html-elementtejä melkein päivittäin elämässäsi, kun siirrät hiiren valikkokohdan päälle ja se avaa muita alivalikon vaihtoehtoja. DHTML hyödyntää verkkoteknologioita, kuten HTML, Javascript, HTML DOM, HTML Events ja CSS elementtien dynaamisen toiminnan saavuttamiseksi.

DHTML tiedostomuoto

DHTML-tiedostot ovat pelkkiä tekstitiedostoja, jotka sisältävät DHTML-koodia web-elementtien dynaamisen toiminnan toteuttamiseksi.

DHTML DOM

DHTML Document Object Model (DOM) perustuu HTML DOM:iin, joka on puurakenne, jossa on elementtejä, attribuutteja ja tekstiä seuraavan kuvan mukaisesti.

HTML DOM

Document-solmulla voidaan kutsua useita toimintoja erilaisten toimintojen toteuttamiseksi. Seuraava esimerkki käyttää yksinkertaisesti JavaScriptin document.write()-menetelmää DHTML:ssä.

<HTML>  
<head>  
<title>  
Method of a JavaScript  
</title>  
</head>  
<body>  
<script type="text/javascript">  
document.write("Hello World");  
</script>  
</body>  
</html>  

Tämä koodi kirjoittaa tekstin Hello World tulostettavaksi selaimeen.

DHTML-tapahtumat

S.No.TapahtumaTapahtuma
1onbortTapahtuu, kun käyttäjä keskeyttää sivun tai mediatiedoston latauksen.
2onblurTämä tapahtuu, kun käyttäjä jättää HTML-objektin.
3onchangeTämä tapahtuu, kun käyttäjä muuttaa tai päivittää objektin arvoa.
4onclickSe tapahtuu tai laukeaa, kun joku käyttäjä napsauttaa HTML-elementtiä.
5ondblclickTämä tapahtuu, kun käyttäjä napsauttaa HTML-elementtiä kaksi kertaa yhdessä.
6onfocusNäin tapahtuu, kun käyttäjä keskittyy HTML-elementtiin. Tämä tapahtumakäsittelijä toimii päinvastoin kuin onblur.
7onkeydownSe laukeaa, kun käyttäjä painaa näppäimistön näppäintä. Tämä tapahtumakäsittelijä toimii kaikille avaimille.
8onkeypressSe laukeaa, kun käyttäjät painavat näppäimistön näppäintä. Tämä tapahtumakäsittelijä ei laukea kaikille avaimille.
9onkeyupNäin tapahtuu, kun käyttäjä vapautti näppäimen näppäimistöstä, kun hän on painanut objektia tai elementtiä.
10lataaSe tapahtuu, kun objekti on ladattu kokonaan.
11onmousedownTämä tapahtuu, kun käyttäjä painaa hiiren painiketta HTML-elementin päällä.
12onmousemoveNäin tapahtuu, kun käyttäjä siirtää kohdistimen HTML-objektin päälle.
13onmouseoverTämä tapahtuu, kun käyttäjä siirtää kohdistimen HTML-objektin päälle.
14onmouseoutSe tapahtuu tai laukeaa, kun hiiren osoitin siirretään pois HTML-elementistä.
15onmouseupSe tapahtuu tai laukeaa, kun hiiren painike vapautetaan HTML-elementin päällä.
16onresetKäyttäjä käyttää sitä lomakkeen nollaukseen.
17onselectSe tapahtuu sen jälkeen, kun Web-sivun sisältö tai teksti on valittu.
18onsubmitSe käynnistyy, kun käyttäjä napsauttaa painiketta lomakkeen lähettämisen jälkeen.
19onunloadSe käynnistyy, kun käyttäjä sulkee verkkosivun.

Viitteet

Katso myös