DHTML - Dynamic HTML File Format

What is a DHTML file?

A file with a .dhtml extension is a dynamic HTML file that is used to creating dynamic contents of a webpage. A web element created in DHTML is event driven and does not require to reload the page. In most of the cases, a DHTML file is used to create the dynamic contents of a webpage such as drop-down menus, floating layers, rollover buttons, and other dynamic content. You come across dynamic html elements almost daily in your life when you hover mouse on a menu item and it opens further sub-menu options. DHTML makes use of web technologies such as HTML, Javascript, HTML DOM, HTML Events and CSS to achieve the dynamic behaviour of elements.

DHTML File Format

DHTML files are plain text files that contain DHTML code to implement the dynamic behaviour of the web elements.

DHTML DOM

The DHTML Document object Model (DOM) is based on the HTML DOM that is a tree-structure with elements, attributes and text as shown in the following image.

The Document node can be used to call several functions to implement different functionality. The following example simply uses the document.write() method of JavaScript in the DHTML.

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

This code writes the text “Hello World” to output in browser.

DHTML Events

References

• Dynamic HTML - Wikipedia