厦门网站制作

全国免费热线: 400-0011-1161
导航菜单

新闻动态

Web设计与开发 | 第十节

设计方案:

要与教学、课程等内容有关

选择范围不宜过大

描述内容应详细,不可太简单

表格或框架图要美观简洁

JavaScript—对象

用户在编程时可以定义自己的对象类型,通过内建的JavaScript对象,使用浏览器的内部对象系统, 可实现与HTML文档乃至浏览器本身进行交互。将围绕对象的属性和方法,封装在一起提供给程序设计人员使用,从而减轻编程人员的劳动,提高设计Web页面的能力。

01

基本语法

对象名称.属性名

对象名称.方法名( ) 

02

对象类型

本地对象:本身提供的类型,如Math等,这种对象无需具体定义,直接就可以通过名称引用它们的属性和方法,如Math.Random();

内建对象:如Array, String等。这些对象独立于宿主环境,在JavaScript程序内有程序员定义具体对象,并可以通过对象名来使用;

宿主对象:是被浏览器支持的, 目的是为了能和被浏览的文档乃至浏览器环境交互,如document, window 和 frames等;

自定义对象:是程序员基于需要自己定义的对象类型。

03

核心对象

Array,Boolean,Date,Function,Math,Number,Object 和 String等。这些对象同时在客户端和服务器端的 JavaScript 中使用(具体内容参考PPT第10章10.6.2)。

JavaScript—文档

Document 对象代表了整个 HTML 文档,可用来访问页面中的所有元素。

01

文档结构图

02

访问页面元素途径

通过ID访问

语法: document.getElementById(id)

通过Name访问

语法: document.getElementsByName(name)

通过标签名访问

语法: document.getElementsByTagName(tagname)

获得当前页面所有的Form对象

语法: document.forms

Form元素是html程序提供用户向系统提供输入的重要对象,里面一般会包含文本输入框、各种选项按钮等元素。通过获得一个form对象,最主要的是利用form的几个方法。

模板和库

库和模板的应用能大大提高网站维护的效率,因为更新库和模板时,能使所有应用该库和模板的页面同时自动更新。

01

模板

常用于网站中统一的页头、页尾的设计中。

老师课上讲解的步骤:选中想要进行独立编辑的盒子→插入→模板→可编辑区域→命名→保存原文件→另存模板→在资源窗口的模板中右键从模板新建(或在新建文档的网站模板中新建也行)→只能编辑可编辑的盒子

(灰色为不可编辑内容,其他颜色为可编辑内容)

02

作用与Flash的库相似。

老师课上讲解的步骤:在资源窗口的库新建库项→双击进入编辑库文件→完成后在原文件中想要添加项的位置点击插入(在资源窗口的右下方)即可