第2章节 Web编程技术基础.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 2.1 HTML语言 框架（Frame） 混合框架 2.1 HTML语言 框架（Frame） 导航框架 导航框架内包含一个网页，网页中包含了一个超链接列表，点击任何一个链接都会在另一个框架中显示点击中的网页。 2.1 HTML语言 框架（Frame） 导航框架 html body p align=centerb目录/b/p p align=centera target=main href=item1.htm项目1/a/p p align=centera target=main href=item2.htm项目2/a/p p align=centera target=main href=item3.htm项目3/a/p /body /html 2.1 HTML语言 框架（Frame） 导航框架 2.1 HTML语言 框架（Frame） 导航框架的导航目标 新浏览器窗口：a href=url target=_blank 当前框架：a href=url target=_self 父框架：a href=url target=_parent 整个浏览器窗口：a href=url target=_top 2.1 HTML语言 定位标记：div 是一个块级元素，可以包含段落、标题、表格等内容。 作用：设定文字、表格等元素的摆放位置。 主要属性：class、style、title、id等。 通常与CSS（样式表）结合起来使用。 2.1 HTML语言 定位标记：div div style=position: absolute; left: 15px; top: 20px; width: 500px; height: 300px id=layer1 /div 2.2 客户端脚本语言 JavaScript语言 是一种脚本语言 是基于对象的语言 是事件驱动的语言 是安全的语言 是平台无关的语言 2.2 客户端脚本语言 JavaScript常用对象 JavaScript为开发人员提供了一些非常有用的常用内部对象和方法，这使得他们不需要用脚本来实现这些功能，只需直接调用这些功能。 2.2 客户端脚本语言 JavaScript常用对象 window：最顶层的对象，它描述的是一个浏览器窗口； screen：反映了当前用户的屏幕设置； navigator：包含了正在使用的浏览器的版本信息； history：包含了一个数组，存放客户端访问的URL历史信息； 2.2 客户端脚本语言 JavaScript常用对象 location：包含了关于当前 URL 的信息； document：表示含有当前文档信息的对象； Link：包含了文档中所有链接标记； Form：用于表单管理； Frame：用于框架管理。 2.2 客户端脚本语言 JavaScript常用对象 window对象 JavaScript最高层对象之一。 是其它大部分对象的共同祖先，在调用其方法和属性时，可以省略window对象的引用。 使用当前窗口对象的任何方法或属性时可以省去窗口的实例名称。 window.document.write(星期日); 或 document.write(星期日); 2.2 客户端脚本语言 JavaScript常用对象 window对象 创建window对象的实例： 遇到body、frameset或frame元素时自动建立； 由window.open()方法创建。 2.2 客户端脚本语言 JavaScript常用对象 screen对象 包含一些只读属性，用户可以通过这些属性获取当前屏幕的设置信息。 例：height = screen.availHeight; 2.2 客户端脚本语言 JavaScript常用对象 navigator对象 由JavaScript运行时引擎自动创建的。 可以让开发人员判断用户使用的浏览器的版本，浏览器能够处理的MIME类型以及浏览器上安装的插件种类等内容。 navigator对象的所有属性值都是只读的，不能修改其内容。 例：var browser=navigator.appName 2.2 客户端脚本语言 JavaScript常用对象 document对象 包含了当前文档的信息，并且提供了将HTML输出给用户的功能。 对于任何一个包含body标记的HTML文档都会创建一个document对象。 每一个window对象都包含一个document属性，它的值就是一个docu