Meta tags:

Headings (most frequently used words):

edit, dynamic, of, navigation, tools, html, contents, uses, structure, web, page, example, displaying, an, additional, block, text, document, object, model, styles, see, also, references, external, links, menu, personal, namespaces, views, search, contribute, print, export, in, other, projects, languages,

Text of the page (most frequently used words):
the (70), and (51), web (33), dhtml (30), html (28), page (24), style (23), #document (22), with (19), dynamic (16), dom (16), javascript (15), this (14), edit (11), object (11), model (11), that (11), server (10), wikipedia (9), using (9), side (9), styles (9), are (9), script (9), function (9), display (9), text (8), articles (8), for (8), title (7), client (7), scripting (7), browser (7), change (7), can (7), displayelement (7), use (6), was (6), 2022 (6), other (6), not (6), from (6), retrieved (6), ajax (6), code (6), browsers (6), games (6), also (6), body (6), getelementbyid (6), head (6), css (6), example (6), when (6), elements (6), textelement (6), additional (5), pages (5), file (5), article (5), identifiers (5), all (5), org (5), which (5), only (5), user (5), access (5), load (5), you (4), links (4), events (4), contents (4), navigation (4), more (4), data (4), libraries (4), jscript (4), net (4), sheets (4), color (4), block (4), none (4), element (4), its (4), scripts (4), each (4), any (4), between (4), paragraph (4), view (3), about (3), available (3), may (3), languages (3), link (3), frameworks (3), multiple (3), comparison (3), engines (3), application (3), api (3), topics (3), w3c (3), apis (3), python (3), asp (3), handler (3), external (3), www (3), features (3), see (3), key (3), show (3), utf (3), charset (3), meta (3), doctype (3), have (3), been (3), attribute (3), individual (3), following (3), such (3), process (3), event (3), allows (3), let (3), background (3), there (3), made (3), difficult (3), internet (3), explorer (3), has (3), based (3), created (3), content (3), after (3), mobile (2), contact (2), privacy (2), policy (2), under (2), terms (2), site (2), foundation (2), pdf (2), wikidata (2), upload (2), related (2), changes (2), tools (2), recent (2), learn (2), help (2), main (2), search (2), talk (2), create (2), categories (2), issues (2), december (2), 2008 (2), short (2), description (2), https (2), php (2), dynamic_html (2), control (2), comparisons (2), definition (2), jsgi (2), framework (2), jquery (2), qtscript (2), ecmascript (2), standards (2), static (2), webgl (2), webcl (2), storage (2), websocket (2), video (2), canvas (2), audio (2), container (2), http (2), how (2), several (2), downes (2), stephen (2), components (2), references (2), feature (2), hide (2), much (2), showme (2), preventdefault (2), click (2), addeventlistener (2), clickable (2), unordered (2), list (2), first (2), header (2), href (2), lang (2), inline (2), examine (2), set (2), these (2), mouse (2), font (2), simple (2), provides (2), programming (2), one (2), without (2), documents (2), manipulate (2), actions (2), possible (2), functions (2), out (2), action (2), manipulation (2), objects (2), properties (2), methods (2), technologies (2), allow (2), represented (2), displayed (2), request (2), changedisplaystate (2), showhide (2), toggle (2), innerhtml (2), often (2), used (2), requests (2), displaying (2), init (2), myobj (2), way (2), structure (2), recently (2), many (2), day (2), support (2), introduced (2), although (2), basic (2), were (2), techniques (2), became (2), term (2), work (2), during (2), capture (2), then (2), their (2), otherwise (2), combination (2), uses (2), loaded (2), contrast (2), tabs (2), while (2), language (2), interactive (2), animated (2), remove (2), jump (2), sep (2), cookie, statement, statistics, developers, disclaimers, apply, agree, registered, trademark, non, profit, organization, wikimedia, inc, creative, commons, attribution, sharealike, license, last, edited, october, utc, tiếng, việt, українська, türkçe, svenska, suomi, slovenčina, русский, română, português, polski, ភាសាខ្មែរ, 日本語, nederlands, עברית, italiano, bahasa, indonesia, हिन्दी, 한국어, français, فارسی, euskara, español, eesti, deutsch, čeština, català, български, العربية, wikibooks, projects, printable, version, download, print, export, item, cite, information, permanent, special, what, here, community, portal, contribute, donate, random, current, history, read, views, english, namespaces, log, account, contributions, logged, personal, menu, hidden, nkc, lccn, j9u, bnf, bne, different, index, oldid, 1116790955, czech, republic, united, states, israel, france, spain, authority, national, lists, commonjs, asynchronous, module, sunspider, sputnik, jsss, json, jslint, jshint, jsdoc, ecma, international, scott, isaacs, john, resig, douglas, crockford, brendan, eich, people, underscore, swfobject, backbone, puremvc, cappuccino, wakandadb, node, jaxer, deno, appjet, wakanda, spry, sproutcore, qooxdoo, pyjs, prototype, mootools, mochikit, midori, lively, kernel, google, toolkit, ext, echo, dojo, nashorn, chakra, chakracore, tamarin, jägermonkey, tracemonkey, spidermonkey, rhino, linear, kjs, javascriptcore, inscript, futhark, carakan, wmlscript, typescript, asm, caja, actionscript, dialects, progressive, single, rich, security, idl, mashup, extension, remote, webusb, formerly, sql, database, gears, others, khronos, xmlhttprequest, worker, messaging, webxr, webrtc, webgpu, webauthn, webassembly, svg, sse, mse, indexeddb, geolocation, eme, cors, xbap, bho, activex, nacl, ppapi, npruntime, xpconnect, liveconnect, npapi, webhook, open, service, resource, phusion, passenger, mod_ruby, mod_wsgi, mod_python, mod_proxy, mod_php, mod_perl, mod_parrot, mod_mono, mod_lisp, mod_jk, mod_include, apache, modules, portlet, perl, psgi, ruby, rack, asgi, wsgi, cli, owin, jakarta, servlet, com, isapi, asapi, nsapi, wsrp, ajp, fcgi, scgi, cgi, webdav, encryption, protocols, interfaces, introductory, tutorial, comprehensive, test, examples, instructions, write, runs, quirksmode, ferguson, russ, heilmann, christian, 2013, berkeley, apress, beginning, fun, 2020, educba, quick, glance, need, 2018, april, faq, welcome, size, typeface, just, begun, 990000, assignments, applied, retrieving, highlight, heading, moves, pointer, over, enlarge, shown, programmatic, means, rules, quickly, appearance, formatting, adding, removing, helps, keep, small, fast, pressing, clicking, intercept, creating, routines, receives, time, given, occurs, carry, appropriate, including, providing, structured, interface, virtually, anything, hierarchical, making, modify, attributes, reading, setting, calling, through, tree, technology, itself, rather, product, three, complementary, cascading, known, general, flow, continues, else, padding, margin, cfc, toggleme, ff0, hover, eee, illustrates, part, will, src, helpful, same, linking, contains, stored, done, onload, window, red, bgcolor, typically, abstracted, away, difficulties, cross, extensive, system, widespread, varying, degrees, among, involved, them, develop, development, easier, adopted, shared, inherited, opera, mozilla, firefox, debug, netscape, navigator, fallen, years, associated, practices, conventions, tended, well, various, less, common, number, late, 1990s, early, 2000s, differences, had, implemented, enable, platforms, converging, towards, design, viable, those, played, major, they, ported, widgets, gadgets, windows, vista, macos, kde, plasma, include, rollover, buttons, drop, down, menus, form, input, verify, respond, having, send, back, embed, ticker, automatically, refreshes, latest, news, stock, quotes, animate, images, authors, add, effects, achieve, changing, offers, ways, predecessor, still, reload, interaction, processing, happens, extends, initiate, network, subrequest, even, perform, pure, approach, would, dynamically, active, could, tab, really, needed, broader, concept, covering, generated, differently, occurrence, specific, variable, values, includes, ones, where, generates, before, sending, jsp, turn, affects, look, fully, viewing, thus, characteristic, viewed, ability, generate, unique, variables, some, vendors, describe, vbscript, supported, enabled, creation, release, 1997, microsoft, markup, rendering, engine, quirks, mode, whatwg, validator, colors, family, unicode, named, characters, character, encodings, editor, frame, alt, span, div, profile, xhtml, html5, template, message, please, descriptive, advice, instruction, neutral, point, rewrite, written, like, manual, guidebook, coding, websites, free, encyclopedia, wayback, machine, archive, 20221021222932, wiki, timestamps, fail, success, 2023, 2021, nov, oct, apr, 2004, 2026, 007, captures,

Text of the page (random words):
dynamic html wikipedia 1 007 captures 27 apr 2004 27 sep 2026 sep oct nov 21 2021 2022 2023 success fail about this capture timestamps the wayback machine http web archive org web 20221021222932 https en wikipedia org wiki dynamic_html dynamic html from wikipedia the free encyclopedia jump to navigation jump to search coding interactive or animated websites this article is written like a manual or guidebook please help rewrite this article from a descriptive neutral point of view and remove advice or instruction december 2008 learn how and when to remove this template message html dynamic html html5 audio canvas video xhtml basic mobile profile c html html element span and div html attribute alt attribute html frame html editor character encodings named characters unicode language code document object model browser object model style sheets css font family web colors javascript webgl webcl w3c validator whatwg quirks mode web storage rendering engine comparisons document markup languages comparison of browser engines v t e dynamic html or dhtml is a term which was used by some browser vendors to describe the combination of html style sheets and client side scripts javascript vbscript or any other supported scripts that enabled creation of interactive and animated documents 1 2 the application of dhtml was introduced by microsoft with the release of internet explorer 4 in 1997 3 dhtml allows scripting languages to change variables in a web page s definition language which in turn affects the look and function of otherwise static html page content after the page has been fully loaded and during the viewing process thus the dynamic characteristic of dhtml is the way it functions while a page is viewed not in its ability to generate a unique page with each page load by contrast a dynamic web page is a broader concept covering any web page generated differently for each user load occurrence or specific variable values this includes pages created by client side scripting and ones created by server side scripting such as php python jsp or asp net where the web server generates content before sending it to the client dhtml is predecessor of ajax and dhtml pages are still request reload based under dhtml model there may not be any interaction between the client and server after the page is loaded all processing happens on the client side by contrast ajax extends features of dhtml to allow page to initiate network requests or subrequest to the server even after page load to perform additional actions for example if there are multiple tabs on a page pure dhtml approach would load the contents of all tabs and then dynamically display only the one that is active while ajax could load each tab only when it is really needed contents 1 uses 2 structure of a web page 3 example displaying an additional block of text 4 document object model 5 dynamic styles 6 see also 7 references 8 external links uses edit dhtml allows authors to add effects to their pages that are otherwise difficult to achieve by changing the document object model dom and page style the combination of html css and javascript offers ways to animate text and images in their document embed a ticker or other dynamic display that automatically refreshes its content with the latest news stock quotes or other data use a form to capture user input and then process verify and respond to that data without having to send data back to the server include rollover buttons or drop down menus a less common use is to create browser based action games although a number of games were created using dhtml during the late 1990s and early 2000s 4 differences between browsers made this difficult many techniques had to be implemented in code to enable the games to work on multiple platforms recently browsers have been converging towards web standards which has made the design of dhtml games more viable those games can be played on all major browsers and they can also be ported to plasma for kde widgets for macos and gadgets for windows vista which are based on dhtml code the term dhtml has fallen out of use in recent years as it was associated with practices and conventions that tended to not work well between various web browsers 5 dhtml support with extensive dom access was introduced with internet explorer 4 0 although there was a basic dynamic system with netscape navigator 4 0 not all html elements were represented in the dom when dhtml style techniques became widespread varying degrees of support among web browsers for the technologies involved made them difficult to develop and debug development became easier when internet explorer 5 0 mozilla firefox 2 0 and opera 7 0 adopted a shared dom inherited from ecmascript more recently javascript libraries such as jquery have abstracted away many of the day to day difficulties in cross browser dom manipulation structure of a web page edit see also dom events typically a web page using dhtml is set up in the following way doctype html html lang en head meta charset utf 8 title dhtml example title head body bgcolor red script function init let myobj document getelementbyid navigation manipulate myobj window onload init script often the code is stored in an external file this is done by linking the file that contains the javascript this is helpful when several pages use the same script script src my javascript js script body html example displaying an additional block of text edit the following code illustrates an often used function an additional part of a web page will only be displayed if the user requests it doctype html html head meta charset utf 8 title using a dom function title style a background color eee a hover background ff0 toggleme background cfc display none margin 30 px 0 padding 1 em style head body h1 using a dom function h1 h2 a id showhide href show paragraph a h2 p id toggle me this is the paragraph that is only displayed on request p p the general flow of the document continues p script function changedisplaystate displayelement textelement if displayelement style display none displayelement style display displayelement style display block textelement innerhtml hide paragraph else displayelement style display none textelement innerhtml show paragraph let displayelement document getelementbyid toggle me let textelement document getelementbyid showhide textelement addeventlistener click function e e preventdefault changedisplaystate displayelement textelement script body html document object model edit main article document object model dhtml is not a technology in and of itself rather it is the product of three related and complementary technologies html cascading style sheets css and javascript to allow scripts and components to access features of html and css the contents of the document are represented as objects in a programming model known as the document object model dom the dom api is the foundation of dhtml providing a structured interface that allows access and manipulation of virtually anything in the document the html elements in the document are available as a hierarchical tree of individual objects making it possible to examine and modify an element and its attributes by reading and setting properties and by calling methods the text between elements is also available through dom properties and methods the dom also provides access to user actions such as pressing a key and clicking the mouse it is possible to intercept and process these and other events by creating event handler functions and routines the event handler receives control each time a given event occurs and can carry out any appropriate action including using the dom to change the document dynamic styles edit dynamic styles are a key feature of dhtml by using css one can quickly change the appearance and formatting of elements in a document without adding or removing elements this helps keep documents small and the scripts that manipulate the document fast the object model provides programmatic access to styles this means you can change inline styles on individual elements and change style rules using simple javascript programming inline styles are css style assignments that have been applied to an element using the style attribute you can examine and set these styles by retrieving the style object for an individual element for example to highlight the text in a heading when the user moves the mouse pointer over it you can use the style object to enlarge the font and change its color as shown in the following simple example doctype html html lang en head meta charset utf 8 title dynamic styles title style ul display none style head body h1 id first header welcome to dynamic html h1 p a id clickable link href dynamic styles are a key feature of dhtml a p ul id unordered list li change the color size and typeface of text li li show and hide text li li and much much more li ul p we ve only just begun p script function showme document getelementbyid first header style color 990000 document getelementbyid unordered list style display block document getelementbyid clickable link addeventlistener click function e e preventdefault showme script body html see also edit dynamic web page references edit document object model faq www w3 org retrieved 2022 02 16 web style sheets www w3 org retrieved 7 april 2018 dhtml a quick glance of dhtml with components features need educba 2020 07 19 retrieved 2022 10 13 stephen s web fun and games with dhtml stephen downes www downes ca retrieved 2022 08 27 ferguson russ heilmann christian 2013 beginning javascript with dom scripting and ajax pdf berkeley ca apress pp 49 68 retrieved may 30 2022 external links edit javascript dhtml quirksmode a comprehensive site with test examples and instructions on how to write dhtml code which runs on several browsers introductory dhtml tutorial v t e web interfaces server side protocols http v2 v3 encryption webdav cgi scgi fcgi ajp wsrp websocket server apis c nsapi c asapi c isapi com asp jakarta servlet container cli owin asp net handler python wsgi python asgi ruby rack javascript jsgi perl psgi portlet container apache modules mod_include mod_jk mod_lisp mod_mono mod_parrot mod_perl mod_php mod_proxy mod_python mod_wsgi mod_ruby phusion passenger topics web resource vs web service open api webhook application server comparison scripting client side browser apis c npapi liveconnect xpconnect c npruntime c ppapi nacl activex bho xbap web apis w3c audio canvas cors dom dom events eme file geolocation indexeddb mse sse svg video webassembly webauthn webgpu webrtc websocket webxr web messaging web storage web worker xmlhttprequest khronos webcl webgl others gears web sql database formerly w3c webusb topics ajax and remote scripting vs dhtml browser extension mashup web idl scripting topics web page static dynamic web standards web api security web application rich single page progressive web framework v t e ecmascript dialects actionscript caja javascript engines asm js jscript jscript net qtscript typescript wmlscript engines comparison carakan futhark inscript javascriptcore jscript kjs linear b qtscript rhino spidermonkey tracemonkey jägermonkey tamarin v8 chakracore chakra jscript net nashorn frameworks client side dojo echo ext js google web toolkit jquery lively kernel midori mochikit mootools prototype pyjs qooxdoo sproutcore spry wakanda framework server side appjet deno jaxer node js wakandadb multiple cappuccino puremvc libraries backbone js swfobject underscore js people brendan eich douglas crockford john resig scott isaacs other dhtml ecma international jsdoc jsgi jshint jslint json jsss sputnik sunspider asynchronous module definition commonjs lists javascript libraries ajax frameworks comparisons javascript frameworks server side javascript authority control national libraries spain france data israel united states czech republic retrieved from https en wikipedia org w index php title dynamic_html oldid 1116790955 categories html hidden categories articles with short description short description is different from wikidata wikipedia articles with style issues from december 2008 all articles with style issues articles with bne identifiers articles with bnf identifiers articles with j9u identifiers articles with lccn identifiers articles with nkc identifiers navigation menu personal tools not logged in talk contributions create account log in namespaces article talk english views read edit view history more search navigation main page contents current events random article about wikipedia contact us donate contribute help learn to edit community portal recent changes upload file tools what links here related changes upload file special pages permanent link page information cite this page wikidata item print export download as pdf printable version in other projects wikibooks languages العربية български català čeština deutsch eesti español euskara فارسی français 한국어 हिन्दी bahasa indonesia italiano עברית nederlands 日本語 ភាសាខ្មែរ polski português română русский slovenčina suomi svenska türkçe українська tiếng việt 中文 edit links this page was last edited on 18 october 2022 at 10 15 utc text is available under the creative commons attribution sharealike license 3 0 additional terms may apply by using this site you agree to the terms of use and privacy policy wikipedia is a registered trademark of the wikimedia foundation inc a non profit organization privacy policy about wikipedia disclaimers contact wikipedia mobile view developers statistics cookie statement