整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

JavaScript Frame对象

JavaScript Frame对象

rame 对象

Frame 对象代表一个 HTML 框架。

在 HTML 文档中 <frame> 每出现一次,就会创建一个 Frame对象。

在子到父的引用路径中,可使用parent关键字实现;父到子的引用可直接使用对象模型层次;而子到子的访问则需要通过top关键字引用其共有的父对象,然后

通过该父对象实现对另一框架的访问:(访问方法四种)

this.parent;(子框架到父框架集)

parent.frameName;(父框架集到框架)

top.otherFrameName.document;(子框架到子框架)

Frame对象的属性和方法受<frame>标记的控制,可在此标记内设定该框架的相关信息,如框架是否有滚动条、边框的颜色等

一般而言,在<frame>标记内应设置其ID属性(或name属性)以实现对象的有效引用。在上述最简单的框架集文档中,可通过如下方法实现对框架Frame02的

frameBorder属性的访问(假设操作焦点在Frame01框架中):

parent.document.all.Frame02.frameBorder;
parent.document.getElementById("Frame02").frameBorder; 推荐使用

Frame 对象的属性

contentDocument 容纳框架的内容的文档。

frameBorder 设置或返回是否显示框架周围的边框。 frameObject.frameBorder=1|0

id 设置或返回框架的 id。

longDesc 设置或返回指向包含框架内容描述文档的 URL。

marginHeight 设置或返回框架的顶部和底部页空白。

marginWidth 设置或返回框架的左边缘和右边缘的空白。

name 设置或返回框架的名称。

noResize 设置或返回框架是否可调整大小。 frameObject.noResize=true|false

scrolling 设置或返回框架是否可拥有滚动条。 frameObject.scrolling=yes|no

src 设置或返回应被加载到框架中的文档的 URL。

标准属性

className 设置或返回元素的 class 属性。

dir 设置或返回文本的方向。

lang 设置或返回元素的语言代码。

title 设置或返回元素的 title 属性。

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

使用框架的坏处:

  • 开发人员必须同时跟踪更多的HTML文档
  • 很难打印整张页面

框架结构标签(<frameset>)

  • 框架结构标签(<frameset>)定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行
  • rows/columns 的值规定了每行或每列占据屏幕的面积

框架标签(Frame)

Frame 标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:

<html>
<frameset cols="25%,75%">
 <frame src="/example/html/frame_a.html">
 <frame src="/example/html/frame_b.html">
</frameset>
</html>

HTML基础教程:框架基础

于提升 web 品质,<DOCTYPE>、<title> 以及 <h1> 都是重要的标签。


<!DOCTYPE> 元素

所有的 HTML 和 XHTML 页面都应当使用 <Doctype> 元素来定义遵照何种 HTML 版本。

doctype 定义了您正在使用的 HTML 版本,并为浏览器提供重要的信息以便其更快速一致地呈现您的页面。

文档类型声明同时也使验证软件可以对页面的语法进行检查:

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


<title> 元素

<title> 元素是最重要的 HTML 元素之一。它的主要功能是描述网页的内容。

即使标题不是网页的一个可见的部分,它对于提升网站的品质依然是重要的,这是因为它在以下位置都是可见的:

  • 搜索引擎列表

  • 窗口的标题栏

  • 用户的书签中

标题应当尽可能地短,并具有可描述性。

当某个用户在 internet 上搜索网站时,大部分搜索引擎都会在搜索结果中显示出网站的标题。请确保标题与网页的内容是吻合的。这样的话用户有更多的可能通过点击这些链接来访问到你的网站。

当用户访问您的网站时,在窗口的标题栏中标题是可见的。请确保即使窗口被最小化,标题同样能起到描述网站内容的作用。

在用户访问你的网站之后,网页的标题会存储于历史文件夹(用户甚至会把网页收藏到他的收藏夹中)。为了后续的成功访问,同样请确保标题可以清楚地描述您的网站。

优秀的标题:

<title>HTML Tutorial</title>

<title>XML Introduction</title>

差距的标题的例子::

<title>Introduction</title>

<title>Chapter 1</title>

W3Cschool拥有一整套组织良好、易于理解的 HTML、CSS、JavaScript、 DHTML、XML、XHTML、WAP、ASP、SQL 教程,并包含非常多实例和源代码。


<h1> 元素

<h1> 元素用来描述网页中最上层的标题。

由于一些浏览器会默认地把 <h1> 元素显示为很大的字体,因此会有一些 web 开发者使用 <h2> 元素代替 <h1> 元素来显示最上层的标题。这样做不会对读者产生影响,但会使那些试图"理解网页结构"的搜索引擎和其他软件感到迷惑。

请确保把 <h1> 用于最顶层的标题,<h2> 和 <h3> 用于较低的层级。

可以试着根据此模版来构造您的网页:

This is the main heading

Some initial text

This is a level 2 heading

This is some text. This is some text. This is some text.

This is a level 3 heading

This is some text. This is some text. This is some text.

This is a level 3 heading

This is some text. This is some text. This is some text.

如果您不喜欢默认的标题字体尺寸,可以使用样式或样式表来改变。