嵌入式框架iframe在网页设计中的应用研究.pdf

《嵌入式框架iframe在网页设计中的应用研究.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第6卷第2期广东培正学院学报Vol.6NO.22006年6月JOURNALOFGUANGDONGPEIZHENGCOLLEGEJun.2006嵌入式框架iframe在网页设计中的应用研究徐瑾黎红（广东培正学院计算机信息管理系，广东广州　510830）摘要：本文对嵌入式框架iframe在网页设计中的应用技巧进行了研究。从iframe的一般应用方法入手，给出了嵌入式框架与父框架之间的相互访问方法，结合ASP和数据库实现了网页中两个下拉列表框的动态关联。通过网页实例和代码，对上述方法进行了具体阐述。关键词：网页设计；框架；iframe；动态关联中图分类号：TP393.02文献标识码：

2、A文章编号：粤O-1201（2006）02-0055-04框架是在网页设计中经常用到的一种技术，通过标记，就可src="url"width="xxx"height="xxx"frameborder="x"以将一个页面拆分成多个区域，每个区域称为一个框scrolling="[option]">架，一般情况下每一个框架中都会放置一个网页，这name属性指定了子框架的名称，一个父框架中可些网页间可以相互独立，也可以有所关联。框架内的以有多个

3、子框架；id属性指明了子框架的标识，各网页以一种平铺的形式充满了整个页面空间。个子框架的id属性不能相同；src属性指明了子框架但在网页设计中，也会经常遇到在一个网页中引内要嵌入的网页位置，既可以是一个网站链接，也可用另外一个网页的情况，即在一个网页中开辟一块区以是一个文件路径；width和height属性指明了子框域用于放置其他网页，彷佛形成了一种“画中画”的架的宽度和高度；frameborder属性指明了子框架边效果。这种功能就是利用嵌入式框架iframe技巧实现框的宽度；scrolling属性指明了是否在子框架边缘的。嵌入其他网页的初始页面称为父框架，嵌入到父显示滚动条，

4、取值“yes”为显示滚动条，取值框架内的页面称为子框架或嵌入框架。这种网页的嵌“no”为不显示滚动条，“auto”为根据内嵌页面入技术不仅在很大程度上丰富了网页的布局设计，同的具体情况自动设置。时也可以方便地实现多种复杂的网页特效。iframe标记还有其他属性，如align，hspace，一、iframe概述vspace等，各个属性的灵活应用可以实现子框架多种iframe是超文本标记语言HTML中的一个标记，格式的设定。[1]其作用是在父框架中开辟一块区域作为子框架，实现图1是一个应用三个嵌入式框架的网页实例。网子框架中的HTML网页嵌入在父框架的HTML网页中显示页中的“书目

5、子类”栏、书目详细资料栏和天气预的效果。使用语法如下：报栏都是采用了嵌入式框架iframe完成的。收稿日期：2006-03-23作者简介：徐瑾（1972-），女，河南信阳人，广东培正学院计算机信息管理系教师，硕士，研究方向：计算机图形学；黎红（1969-），女，湖南衡阳人，广东培正学院计算机信息管理系讲师，硕士，研究方向：计算机网络。56广东培正学院学报2006年第6卷由此可见，用嵌入式iframe框架可以方便地把一些商业网站提供的链接信息如天气预报、列车时刻等加入到个人网站当中来。三、父框架与iframe框架的相互访问通常情况下，父框架中的网页反映的是网站的主要内容，ifra

6、me子框架中的网页反映的是一些细节信息和补充信息，两种框架之间完全可以实现相互访问。如图1中图书详细信息图1使用了嵌入式框架iframe的网页的显示，当鼠标单击图书名称的时候，就会在二、iframe的一般应用下方的细节显示区显示相应图书的作者、出版社等iframe的使用一般分为三个步骤：详细信息。一是对初始页面即父框架页面进行设计，给出要父框架网页对子框架网页内某一元素的访问可以嵌入的子框架的位置和大小，由于网页的布局设计通通过“框架名称.元素名称.属性”的形式来实现。常都是用表格实现的，因此一般也把嵌入框架放置在例如，父框架网页文件为A.htm，其中嵌入了一父框架的某一表格的

7、一个单元格内。二是实现子框架个名称为“frame1”的子框架，子框架网页文件名内部页面的制作，子框架页面的制作要充分考虑到子称为B.htm。A.htm文件的代码为框架的范围大小，使主要内容突出显示。三是在父框......架内修改HTML程序代码，实现页面的链接。[2]的实例。在父框架中，右侧结构是一个三行一列的表