表单
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>
<TEXTAREA name="name" rows=value cols=value value=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>
<iframe src="fil_url" height=value width=value name="iframe_name" align=""value"><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标记
<script>alert("sadfaf")</script>
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 language=JavaScript>
function phone(name,phpneno,site){
this.name=name;
this.phpneno=phpneno;
this.site=site;}
</script>
<body>
<script language="javascript">
varmyphone=new phone("啊啊啊",0000,"sadfasf");
document.write()
</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的语法格式
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