表单

1.描述表单元素的HTML源代码

表单标记<FROM>
属性

NAME

METHOD 方法，一般为get post

ACTION 定义表单处理程序的位置，有相对路径和绝对路径

ENCTYPE 设置编码方式

TYRGET 设置返回信息的显示方式

通过GET 方式提交数据时，表单的内容会附加在URL地址后面，用？进行隔开。
传递数据的格式是“name=value”
当有多个要传递时，用&分割

最大8192字符

<INPUT> 表单输入标记
<SELECT> 菜单和列表标记
<OPTION> 菜单和列表项目标记
<TEXTAREA> 文字域标记

INPUT:

<input name="" type="">
name 是域的名称，type是域的类型

type属性有许多属性值， TEXT（文字域）,PASSWORD（密码框）,FILE（上传）,BUTTON（普通按钮）,SUBMIT（提交按钮）,RESET（重置按钮）,HIDDEN（隐藏域）

文字域TEXT

文字域属性

NAME 文字域的名称

MAXLENGTH 文字域的最大输入字符数

SIZE 文字域的宽度

VALUE 文字域的默认值

文本域标记<TEXTAREA>

文本域标记属性

name 文本域的名称

rows 文本域的行数

cols 文本域的列数

value 文本域的默认值

框架:

框架的作用就是把浏览器的窗口划分为几个更小的区域，每个区域显示不同的内容，所以使用框架是可以非常方便的完成网站的导航工作。

框架主要由两部分组成，一个是框架集，另一个就是框架

框架集标记 <FRAMESET>

左右分割 cols
<frameset cols="value,value,......">
<frame>
<frame> 代表一个窗口。。
.......
<frameset>

其中value 为各个框架的宽度值，定义几个value值，就会有几个框架。

可以为像素，也可以是百分比。

上下分割rows

嵌套分割同时有

框架标记<FRAME>
通过<FRAME>标记的属性可以定义框架页面的内容，SRC,NAME常见属性，，SRC属性为在框架内要显示的文件的路径。 NAME 为框架的名字

浮动框架<IFRAME>

属性
SRC 浮动框架中显示的页面的源文件的路径

WIDTH

HEIGHT

NAME

ALIGN 浮动框架的排列方式

FRAMEBORDER 框架边框的显示属性

SCROLLING 框架滚动条显示属性

MARGINWIDTH 框架边缘宽度属性

MARGINHETGHT 框架边缘高度属性

.................................................................................

CSS

层叠样式表的类型

1.自定义层叠样式表

如果要将自定义的层叠样式表应用在一整段文字，相应标签中出现classS属性，

如果应用在部分文字上，那么出现<Span>和</Span>标签并且包含class属性

层叠样式表选择符常见:a:link , a:active , a:visited , a:hover

a:link 设定正常状态下连接文字的样式

a:active 设定鼠标单击时连接的外观

a:visited 设定访问过的连接外观

a:hover 设定鼠标放置在连接文字之上时，文字的外观。

...........................................................................

JAVASCRIPT

所有的javascript都是对某个事件做出的操作和反应，事件是javascript执行的基础。

事件处理程序 HTML标记触发时机

onAbort <img> 图像加载过程中断时触发

onBlur <body>和窗体元素窗体和窗体元素失去键盘焦点时触发

onChange 窗体元素用户修改了窗体元素的值后触发

onClick 所有元素用户单击了类似按钮这样的窗体元素后触发

onError <img> 加载图像过程中发生错误时触发

onFocus <body> 窗体或窗体元素得到键盘焦点时触发

onLoad <body><img><object> 文档，图像或对象完成加载时触发

onMouseOut 所有元素鼠标指针离开对象时触发

onMouseOver 所有元素鼠标指针移过对象时触发

onSubmit <form> 用户提交窗体时触发

onUnLoad <body>,<frameset> 卸载文档时触发

js注释 // /*..........*/

javascript 区分大小写，

在浏览器解析html时，遇到javascript代码会调用javascript解释器，执行完后，浏览器又继续向下解析。

javascript是一种表达式语言。

+ 代表连接符，把前后两个字符连在一起。

document对象，，

write() 和 writeln() 方法

把文本添加到浏览器中要显示文本的当前位置。

write(value,.....)
writeln(value,....)

writeln()方法在输出文字的同时，还有输出一个换行符号，需要在<pre>这个标记中。

与用户交互的基本方法

对话框：使用alert(),prompt(),confirm()三种方法来创建对话框

1.显示信息对话框的alert()

不能处理html标记

2.显示确认选择对话框confirm()方法

<html>
<head><title>confirm()方法使用示例</title></head>
<body>
<script language="javascript">
document.write("11,22");
if(confirm("fasfsaf")==true){
documet.write("sdfsdff");
}

else
{ alert("sfasfasffd");

}
</script>
</body>
</html>

3.显示提示对话框的prompt()方法

使用prompt()方法显示提示对话框，可以显示一条由参数指定的消息，并等待用户在文本框中输入一段文字。

————————————————————————————————————
对象：
编程语言中的对象就是对现实世界中对象的抽象和模拟，在编程世界中，数据和处理数据的办法结合在一起就构成了对象，对象包括属性和方法这两个特点，属性用于描述对象的特征，方法表示对象能够做什么。

在javascript中，创建对象有几种途径，最常见的为使用构造函数，内置的构造函数，如Object(),Array(),Date(),

示例：

<html>
<head>
<title>创建和使用对象的属性</title></head>
<body>
<script language=JavaScript>
var vehicle=new Object();
vehicle.car=new Object();
vehicle.car.speed="奔驰";
vehicle.car.color="red";
document.write("小汽车的名字:"+vehicle.car.name);
document.write("<br>奔驰的速度为:"+vehicle.car.speed);
document.write("<br>奔驰的颜色:"+vehicle.car.color);
</script>
</body>
</html>

可以通过函数创建对象，这个时候函数叫对象的模板，在定义函数之后，可以使用new关键字和函数名称来创建新的对象，并对它赋值，这个时候定义的函数实际上就是一个构造函数，在定义函数时，使用this关键字来代表函数将来所创建的对象。

<html>
<head>
<title>创建和使用对象的属性</title></head>

</script>
</body>
</html>

——————

浏览器对象模型

浏览器创建的对象我们通常称作文档（Document）对象，它只是浏览器使用众多对象中的一部分，浏览器操作的各种对象组合起来我们叫做浏览器对象模型
(Browser Object Model) ,简称BOM 。

javascript使用的浏览器对象模型

window对象： navigator对象，Frames[]对象，location对象，document对象，history对象，screem对象。

window对象是顶层对象，它包含了相关的显示文档的窗口信息，例如窗口包含的文档，框架，历史，位置等。navigator对象包含了浏览器的信息，例如浏览器的名称，版本，运行平台，是否支持cookie等。Frames数组用于引用一组窗口对象；
location对象储存了当前页面的URL地址；document对象即为文档对象，是浏览器对象模型中最重要的对象，history对象记录了当前会话中用户访问了那些WEB页面，screen对象提供了当前计算机的显示特性，例如屏幕的宽度，高度，颜色深度等等。

navigator对象的属性

appCodeName 浏览器的代码名称，只读属性，Netscape和IE的该属性都是“Mozilla”
appName 浏览器的实际名称，只读属性。

cookieEnable 说明浏览器是否支持cookies，只读属性。

Platform 给出运行浏览器的操作系统或硬件类型。

systemLanguage 给出操作系统的缺省语言，只读属性。

userAgent 给出浏览器在HTTP请求中使用的用户代理首部的值。

navigator对象的方法，常用的有javaEnable()，用来判断当前浏览器是否对Java支持。

窗口是javascript浏览器对象模型的顶层对象，称为window对象，它代表了打开的浏览器窗口，窗口对象是其他对象的基础，因为窗口对象使用非常频繁，所以在使用窗口对象的方法和属性时，可以省略window名称。

window对象

属性：

closed 指明窗口是否已经被关闭，true表示关闭，false表示为关闭，只读属性

document 只读，为当前窗口或框架包含的Document对象的引用。

name 窗口的名称，窗口名称可以通过window.open()方法指定。

screenX,screenY 整数型只读值，指定窗口左上角在屏幕上的X,Y坐标。

alert(message) 在对话框中显示消息message，无返回值。

blur() 从窗口中移去键盘输入点，无返回值。

Close() 关闭窗口，无返回值。

moveBy(dx,dy) 将窗口从当前位置移动到指定的距离。

moveTo 将窗口移动到指定的位置

Open(url,name,features) 在name参数指定的窗口中显示url指定的文档。

setlnterval(code,interval,args...) 每隔interval指定的毫秒数就执行一次code字符串指定的代码。

setTimeout(code,delay) 在延迟delay参数指定的毫秒数后指定code字符串指定的代码。

文档对象模型不是javascript的一部分，而是独立于编程语言和操作平台的一个编程接口。

document对象表示浏览器中显示的HTML文档。Docunment对象主要对应于文档主体部分———<body></body>标记的之间的内容。

Document对象的访问语法为下述两种格式:

window.document
document

document 常用属性：

bgColor 指定文档的背景颜色

cookie 允许读写HTTP的cookie，字符串类型

fgcolor 指定文档的前景颜色，字符串类型

title 文档标题，对应于文档中的<title>标记内容

URL 指定当前文档的URL，只读属性

document 常见方法:

open() 删除现有文档的内容，打开一个新的文档输出流

close() 关闭open方法打开的文档输出流

focus() 指定文档得到焦点

write(value,..) 在当前的文档中插入的字符串或在open()打开的文档末尾添加字符串

writeln(value,...) 与Write()方法相同，只是在输出末尾添加回车换行符

跳过VB 需要再学

Cookie是保存在客户端计算机，运行在浏览器计算机中的一个短小的文本文件，通过“名-值”对方式存储。

Cookie的语法格式

cookie通常有服务器端的程序通过HTTP请求和响应头发送给浏览器。

一个cookie字符串中最多能给存储20个“名-值”，对于每一个HTML文档来说，浏览器只存储一个cookie。

在组成cookie的字符串中，不允许使用分号，逗号和空白符，使用要URL风格编码。

Cookie属性

name=value 指定cookie数据项的名称

expires=date 它指定了cookie的过期日期

其格式为： expires=weekday,DD-MON-YY HH:MM:SS GMT

path=pathname

指定cookie可用于特定的服务器中的什么位置，在cookie中指定路径可以同一个域中的多个页面共享cookie。

domain=domainname

可选属性，它指定是否所作用的域名后，可以在同一个域的多个服务器之间共享cookie。

secure

可选属性，它指定是否通过安全通道传递cookie