网页设计javascript-窗口框架摘要.pptVIP

* 如在本章的第一个例子中，放置文件的功能是由下面的代码片段实现的： frame name=windows1 src=“left.html scrolling=auto frame name=windows2 src=“main.html 在文件left.html中，放置文件的功能是由下面的代码片段实现的： p1.a href=“main01.html target=windows2春望/a /p p2.a href=“main02.html target=windows2春晓/a /p 分析第一个例子 * 用target属性指定的目标窗口名称，必须使用字母/数字字符，否则窗口名将被忽略。 有几个特定的窗口名例外，这几个窗口名有特殊含义，它们是_blank、_self、_parent和_top。 target属性 * ⑴ target=_blank 当将target属性设置为_blank时，若单击超链接后，将打开一个新窗口来显示网页。 ⑵ target=_self 当将target属性设置为_self时，则将在同一窗口中显示链接的网页。 target属性 * ⑶ target=_parent 当将target属性设置为_parent时，若单击超链接后，该链接网页将导入目前子窗口的上一层框架。若没有上层，则导入在同一窗口中。 ⑷ target=_top 当将target属性设置为_top时，则将脱离目前的窗口框架，在最上层的窗口框架中，显示链接的网页。 target属性 示例： AAA.html文件 HTMLHEAD/HEAD FRAMESET cols=180,* FRAME src=menu.html FRAME name=content src=main.htm /FRAMESET /HTML Menu.html文件 HTML BODY A href=“a1.htm” target=“content”我们的任务/AP A href=“a2.htm” target=“content”我们的成员/AP A href=“a3.htm” target=“_parent”我们的公司/A /BODY /HTML 示例： * 在一个页面中直接引入另一个页面，这种技术称为浮动的窗口（Floating frame）(也叫“内部框架”。在HTML中通过iframe标签实现。 其语法如下所示： Iframe src=URL name=子窗口名称 width=x height=x scrolling=[OPTION] frameborder=x 　marginheight=0 marginwidth=0 　/iframe 其中#=初始页面的URL。 8.4 浮动窗口 属性说明： src：文件的路径，既可是HTML文件，也可以是文本、ASP、以及GIF、JPEG、JPG、PNG等图片文件； width、height：画中画区域的宽与高； scrolling:当SRC的指定的HTML文件在指定的区域显示不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示; 属性说明： FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。 Name：子窗口名称 Marginheight、marginwidth ：指定文字与边界的距离 示例： HTMLHEADTITLE页内框架示例/TITLE/HEAD body TABLETR TD colspan=2 height=100 bgcolor=#ccccccH1 align=center李白/H1 TR TD width=200 bgcolor=#eeeeee H3 align=centerA href=file2.htm target=poem静思/H3 H3 align=centerA href=file3.htm target=poem怨情/H3 TD IFRAME src=file1.htm width=400 height=300 name=poem 真可惜，您的浏览器不支持框架！ /IFRAME/TABLE/body/HTML 示例： file1.htm HTML HEAD TITLEfile1.htm/TITLE /HEAD BODY H4李白（701~762），字太白，陕西成纪人。……自幼学道术，五岁诵六甲……十五好剑术。年少时轻财仗义，曾手刃数人。二十岁时于岷山之阳跟东严子学道术。……/H4 /BODY /HTML 示例：file2.htm HTML HEADTITLEfile2 /TITLE/HEAD BODY H4床前明月光，BR疑是地上霜。BR举头望明月，BR低头思故乡。/H4