《Web程序设计》辅导_讲稿1_20111017.docVIP

《Web程序设计》辅导 Web程序概述 CGI程序 WEB应用程序一般是B/S模式。 Web map openlayers-2.10_ms4w：OpenLayers Example geomoose_2.2_ms4w Test vtocx Control。 参考资料 CGI书籍 Web应用程序：CGI到Web三层系统 混合Web网站架设 /net/zyk/htmlfiles/conception/conception00199.htm w3school /html/index.asp HTML Map网页 HTML Map+Javascript编程 完善HTML地图，增加JS的交互性和地图功能增强 JS编程 Js猜数游戏及折半查找算法 JS编程——OL openlayers-2.10_ms4w：OpenLayers Example 参考资料 w3school /js/index.asp openlayers / JavaScript HTML DOM 编程（DHTML） HTML文档结构？ 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。 Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”（browser wars），双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，计有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。 DOM 被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）： Core DOM 定义了一套标准的针对任何结构化文档的对象 TABLE TBODY TR TDShady Grove/TD TDAeolian/TD /TR TR TDOver the River, Charlie/TD TDDorian/TD /TR /TBODY /TABLE XML DOM 定义了一套标准的针对 XML 文档的对象 HTML DOM 定义了一套标准的针对 HTML 文档的对象。 文档树！ HTML DOM 对象参考手册 对象 描述 Document 代表整个 HTML 文档，可被用来访问页面中的所有元素 Anchor 代表 a 元素 Area 代表图像映射中的 area 元素 Base 代表 base 元素 Body 代表 body 元素 Button 代表 button 元素 Event 代表某个事件的状态 Form 代表 form 元素 Frame 代表 frame 元素 Frameset 代表 frameset 元素 Iframe 代表 iframe 元素 Image 代表 img 元素 Input button 代表 HTML 表单中的一个按钮 Input checkbox 代表 HTML 表单中的复选框 Input file 代表 HTML 表单中的文件上传 Input hidden 代表 HTML 表单中的隐藏域 Input password 代表 HTML 表单中的密码域 Input radio 代表 HTML 表单中的单选按钮 Input reset 代表 HTML 表单中的重置按钮 Input submit 代表 HTML 表单中的确认按钮 Input text 代表 HTML 表单中的文本输入域（文本框） Link 代表 link 元素 Meta 代表 meta 元素 Object 代表 Object 元素 Option 代表 option 元素 Select 代表 HTML 表单中的选择列表 Style 代表单独的样式声明 Table 代表 table 元素 TableData 代表 td 元素 TableRow 代表 tr 元素 Textarea 代表 textarea 元素 Browser 对象参考手册（BOM） 对象 描述 Window JavaScript 层级中的顶层对象，表示浏览器窗口。 Navigator 包含客户端浏览器的信息。 Screen 包含客户端显示屏的信息。 History 包含了浏览器窗口访问过的 URL。 Location 包含了当前 URL 的信息。