第6章ajax.ppt.ppt

第6章 AJAX HTML框架（2.6节） 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。 比喻：窗户（框架）与玻璃（页面） 使用框架的缺点： 开发人员必须同时跟踪更多的HTML文档 很难打印整张页面 框架网页的DocType HTML 4.01 Frameset !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN /TR/html4/frameset.dtd XHTML 1.0 Frameset !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN /TR/xhtml1/DTD/xhtml1-frameset.dtd HTML框架网页中的标记 框架结构标记：frameset（框架集） 框架结构标签（frameset）定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/cols属性 的值规定了每行或每列占据屏幕的控件（单位：百分比，像素，*） 框架标记（frame） src属性定义放置在每个框架中的 HTML 文档 框架有可见边框，拖动边框来改变它的大小 使用属性noresize=noresize禁止改变大小 HTML框架网页实例 frameset cols=25%,75% frame src=frame_a.htm frame src=frame_b.htm /frameset noframes标记 为不支持框架的浏览器添加 noframes 标记 不能将 body/body 标签与 frameset/frameset 标签同时使用 假如你添加包含一段文本的 noframes 标签，就必须将这段文字嵌套于 body/body 标签内。 noframes标记使用示例 html frameset cols=25%,50%,25% frame src=/example/html/frame_a.html frame src=/example/html/frame_b.html frame src=/example/html/frame_c.html noframes body您的浏览器无法处理框架！/body /noframes /frameset /html 混合框架结构 frameset rows=50%,50% frame src=/example/html/frame_a.html frameset cols=25%,75% frame src=/example/html/frame_b.html frame src=/example/html/frame_c.html /frameset /frameset 导航框架 frameset cols=120,* frame src=/example/html/html_contents.html frame src=/example/html/frame_a.html name=showframe /frameset a href =/example/html/frame_b.html target =showframeFrame b/abr / 内联框架（浮动框架） iframe用于在网页内显示网页 主要属性： src=URL width,height(单位:百分比，默认单位:像素） frameborder?= 0 使用 iframe 作为链接的目标,指定name属性 scrolling：yes,no, auto 实例：iframe src= 内联框架应用实例 在不重新加载整个页面的情况下更新部分网页的技术。 解决方法 在网页添加一个不可见的iframe 在网页中通过JavaScript修改iframe显示的网页地址 通过事件处理的机制，在iframe加载完成后，获取其内容并更新部分网页 内联框架应用实例 - 界面 内联框架应用实例 - HTML代码 form action= 姓氏：input type=text id=txt1 onkeyup=showHint(this.value) / /form p建议：span id=txtHint/span/p iframe src=ajax-hidden-iframe.php frameborder=0 name=hidden width=0 height=0/iframe 内联框架应用实例 - JavaScript var url=ajax-hidden-iframe.php?q= + str; window.frames.hidden.location =