What is dynamic HTML

Source: Internet
Author: User
Tags object current time object model time and date client
Q: I often see tutorials about Dynamic HTML. But I don't know what Dynamic HTML is. I think you should write something about it.
Answer: you are right. Let's talk about it today.
First, Dynamic HTML is a way to make Web pages, not a network technology (like JavaScript and ActiveX); it's not a tag, a plugin, or a browser.
Dynamic HTML (or DHTML or DHTML) is a good way to make Web pages. It can be implemented by Javascript,vbscript,document Object Modle (DOM), layers, or CSS. (DHTML can be implemented differently in different browsers.) )
Here, you may want to ask: what kind of effect can DHTML achieve? He can change some of the effects on the page, for example: When you move your mouse over a picture, it can become another picture.
You might ask: how can we change the effect of a page when it has been downloaded to your computer? This requires a technique that tells the browser how to change the effect in the page. And these technologies are composed of DHTML:
1 Dynamic HTML is a scripting language for clients
People have used the scripting language of the client (for example, JavaScript and VBScript) to change the HTML code for a long time. If you put your mouse over a picture and the picture changes the display, it's a dynamic HTML example. A level 4 browser, published at Microsoft and Netscape, allows scripting languages to be used to change most elements in the HTML language. Page elements that can be changed by scripting languages are called file object models (Document Object model).
2 Another form of Dynamic HTML: DOM
In the sense that the DOM should be the core content of Dynamic HTML. Is that it allows the HTML code to be changed. A DOM is a layer in a browser that is represented at a specific time. It includes some information about the environment, such as the current time and date, the version number of the browser, the URL of the page, and the elements in the HTML (for example, p tags, divs, or table tags). By opening up these Dom to scripting languages, browsers allow you to change these elements. Relatively speaking: there are some elements that cannot be changed directly, but you can change them by using scripting language to change some of the other elements.
As Taylor has already said, Dom appeared before IE4. When you use IE4, any scripting language that runs in IE4 can change any element of the Web page.
(Although the DOM usage rights in Netscape are limited to the IE4, you can place the content you want to change in a layes (layer), and change the layers to alter what you want to change.) and Netscape claims that his future browsers will better support the DOM standards of the consortium.
There is a part of the DOM that he specifically uses to specify what elements can be changed, and he is the event model. The so-called event is to put the mouse on a page element (onmouseover), load a page (onload), submit a form (onsubmit), in the form text input part, click on the Mouse (onfocus) and so on.
3 The third Dynamic HTML method: CSS
Because CSS is part of the DOM, scripting languages can change some of the attributes in the CSS. By changing the CSS, you can change many of the display effects on the page. These effects include: color, location, and size.
Well, here's a summary. What you are changing is CSS, and DOM changes these elements (CSS), so the scripting language of the client changes the DOM. This is dynamic HTML.
To learn more about Dynamic HTML, go to the animated HTML tutorial or take a look at the Dynamic HTML tutorial on this site.


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.