复旦大学：《Web应用基础》教学课件_Chapter 8 Ajax

web应用基砒

Web应用基础

Web sites wa Find it with Uve Search! ms YAHoO! m。出“您 You Tube Nss 目口。 SWUEVEBE eg myspaceim 回钟 Find Ye =

Web Sites

HTML Hypertext Markup Language Logical Structure An HTML file is a text file containing small markup tags that tell the Web browser how to display the page

HTML An HTML file is a text file containing small markup tags that tell the Web browser how to display the page Hypertext Markup Language Logical Structure

HTML html head body frameset title meta base p div hn table ol/ul frame div span p

HTML html head body frameset title meta base p div hn frame div span p table ol/ul tr td li

CSS Cascading style sheets Presentation Styles define how to display html elements

CSS Styles define how to display HTML elements Cascading Style Sheets Presentation

Selector and declaration Declaration block Selector Declaration Declaration h1i color: red; background: yellow; 3 Attribute value

Selector and Declaration h1 { color: red; background: yellow; } Selector Declaration Declaration Attribute Value Declaration block

Javascript JavaScript Interactive Hangman JavaScript was designed to add interactivity to HTML pages Letters guessed so far Enter your next guess 回回回画国回回回四国回 一SaA9an

JavaScript JavaScript Interactive JavaScript was designed to add interactivity to HTML pages

Event handling Display Update Mouse Event User and keyboard Browser Javascript action event handler

Event handling Display Mouse and keyboard action Event Update User Browser JavaScript event handler

DOM Document object Model Standard interface Defines a standard way for accessing and manipulating HTML and XML documents

DOM Document Object Model Standard interface Defines a standard way for accessing and manipulating HTML and XML documents

DOM 1: Node Node methods: insert Before(new Child, refchild) String string replace Child(new Child, old Child) remove Child(old child) nodevalue append child (new Child) /nodeName haschildNodeso Short nodeType Node cloneNode deep) childnodes parentNode revious siblin nextsibling Node Node Node firstchild childnodes lastchild Node Node Node Node Node

DOM 1: Node Node String nodeName String nodeValue Short nodeType firstChild lastChild Node Node Node childNodes Node Methods: insertBefore(newChild, refChild) replaceChild(newChild, oldChild) removeChild(oldChild) appendChild(newChild) hasChildNodes() cloneNode(deep) previousSibling nextSibling parentNode Node Node Node Node Node childNodes