html:超文本标记语言
基本标签：
{
文本标签：<pre></pre>:原封不动的保留空白区域。
<br />:换行。
<hr width="宽度(单位:%)" size="高度" noshade(该行不带阴影) color="线条颜色" />:在文档中画一条水平线，可用来 分割文档。
<strong></strong>:加粗。
<em></em>:斜体。
<marquee direction="滚动方向(left/right/up/down)"
loop="循环次数(-1代表无限循环)" behavior="滚动形式
(scroll:普通/alternate:来回滚动/slide:文字滚动出来不再动)"
scrolldelay="每次循环的间隔时 间"></marquee>:设置文字滚动。
图像标签：<img src="图像的url(地址)" alt="简短的描述，当图像不能显示时在图像位置出现给图像的提示内容或文本信息" width="宽度" hright="高度" />
超链接：<a href="http://www.baidu.com"></a>{定义锚点:<a href="锚点名"></a>，链接到锚点:<a href="#锚点名"></a>}
框架标签：frameset与body相冲突，不能同时存在。
<frameset rows="222,*"
frameborder="yes"></frameset>[rows:将框架集分为几个水平的框架，*代表余下的部
分。
cols:将框架集分为几个垂直的框架。frameborder：是否显示边框，取值为yes或no。border:边框的宽度。]
<frame name="框架名称" src="框架内容的链接" frameborder="框架边框的宽度"
noresize(不可改变边框的大小) scrolling="滚动条设置，取值为auto/yes/no"
/>
浮动框架:iframe与frameset不能混用。
<iframe name="浮动框架" src="框架内容的链接" frameborder="框架边框的宽度" width="300" height="200" align="right">
</iframe>
表单标签：
多行文本框：<textarea name="名称" cols="高度" rows="宽度">请输入</textarea>
下拉列表：<select name="名称" selected="默认值">
<option >内容</option>
</select>
文本框:<input type="text" name="名称" />
密码框:<input type="password" name="名称" />
单选框:<input type="radio" name="名称" />(设置name需相同 在同一个form下)
多选框:<input type="checkbox" name="名称" />(设置name不能相同)
提交按钮:<input type="submit" name="名称" />
重置按钮:<input type="reset" name="名称" />
图像按钮:<input type="image" name="名称" />
普通按钮:<input type="button" name="名称" />
maxlength:可以限制输入的字符数。readonly:设置只读文本。
表格标签：<table border="边框宽度" width="宽度" cellpadding="填充" cellspacing="间距" bordercolor="边框颜色" bgcolor="背景颜色">
<caption align="top"><h1><font
color="red">商品简介</font></h1></caption>确定题注位置，必须包含在
table内且必须紧跟在table开始标记之后。
<colgroup><col span="列数" /><col span="1" /></colgroup>跨列修饰
<tr>行元素
<td>商品</td>列元素
</tr>
</table>
创建不规则表格：colspan:水平跨列，rowspan:垂直跨行。只能出现在td或th中。
热点区域：<map></map>.
<img src="图像地址" usemap="(映像名，需与name名相同。)#ditu" />
<map name="ditu">
<area shape="图形名称(rect:矩形/circ:圆形/poly:多边形)" coords="热点的坐标范围：343,155,371,175" href="http://www.kuaibo.com" />
</map>
div层和列表：<div></div>（块级元素，容器，占用资源）:属性:position:absolute绝对定位/position:relative相对定位。{图层 （浮动、广告）}
<span ></span>:设置同一行文字的不同格式。
定义列表：<dl>
<dt>名称<dd>说明文字
</dl>
无序列表：<ul>
<li>名称</li>
</ul>
有序列表：<ol>
<li>名称</li>
</ol>
目录列表：<dir>
<li>名称</li>
</dir>
菜单列表：<menu>
<li>名称
</menu>
}
-------------------------------------------------------------------------------------------------------------------
css：层叠样式表，级联样式表，简称样式表。
链入外部样式：<link rel="stylesheet" type="text/css" href="样式表文件的地址" />
css伪类：（必须写在style标记之内）
<style type="text/css">
a:link{未访问过的链接};
a:hover{鼠标经过时};
a:active{鼠标点击不松开时};
a:visited{已访问过的链接};
</style>
设计列表样式：list-style-type:disc(列表符号位黑圆点)/circle(空心圆点)
添加列表图像：list-style-image:none(不适用图像符号)/url（指定图像路径）
调整列表位置：list-style-position:outside(不向内缩进，默认值)/inside(向内缩进)
清除：clear:left(不允许某元素的左边有浮动元素）/right(不允许某元素的右边有浮动元素)/both(某元素的左右两边都不允许有 浮动元素)/none(某元素的左右两边都允许有浮动元素)
设置层空间：z-index:数字（z-index要与position:absolute配合使用）
设置层裁切：clip:rect(裁切的矩形四个顶点，上右下左)
-------------------------------------------------------------------------------------------------------------------
js(javascript):一种基于对象和事件驱动的解释性脚本语言(逐行翻译)。
脚本数据类型：数字类型：number
字符串类型:string
布尔类型:boolean
未定义:undefined
空:null
数组:array
对象:object
内置对象：<script type="text/javascript">
var str = "welcomeo JoCXY";
//alert(str.substring(str.indexOf("c"),str.lastIndexOf("e")+1));
//alert(str.substring(0,str.lastIndexOf("o")) + "a" + str.substring(str.lastIndexOf("o")+1,str.length));
//String对象
//小写转换
//alert(str.toLowerCase());
//大写转换
//alert(str.toUpperCase());
//获取指定位置字符[从0开始.]
//alert(str.charAt(5));
//获取指定位置字符编码
//alert(str.charCodeAt(5));
//正向索引位置
//alert(str.indexOf("m"));
//反向索引位置
//alert(str.lastIndexOf("o"));
//获取匹配字符串[若没有匹配的字符串则返回null.]
//alert(str.match("come"));
//获取匹配字符串的首字母索引
//alert(str.search("JoCXY"));
//截取[从第3个字符开始截取,截取了4个字符.]
//alert(str.substr(3,4));
//截取[从第3个字符开始截取,截取到第4个字符结束.]
//alert(str.substring(3,4));
//截取[同substring相同.可使用负数]
//alert(str.slice(-4))；//从-4位开始截取,截取到最后一位
//alert(str.slice(-4,-1));
//替换
//alert(str.replace(str.substring(str.lastIndexOf("o")),"a"));
//分割
//alert(str.split("o"));
//连接
//alert(str.concat(3,4,5));
//Array对象
//定义数组方式
/*var arr = new Array();
var arr = new Array(3);
arr[0] = "lan";
arr[1] = "tian";
arr[2] = 222;
alert(arr[2]);*/
/*var arr = new Array(22,234,"lan",true);
for(a = 0;a < 4;a++){
alert(arr[a]);
}*/
//定义二维数组
/*var arr = new Array(3);
for(var a = 0;a < 3;a++){
arr[a] = new Array(2);
for(var b = 0;b < 2;b++){
arr[a][b] = a * b;
}
}*/
//alert(arr);//0[第0行第1列],0[第0行第2列],0[第1行第1列],1[第1行第2列],0[第2行第1列],2[第2行第2列]
//alert(arr[2][1]);//输出第三行第一列的内容
//定义数组
var arr = new Array(21,12,"lan","tian");
//连接[自定义]
//alert(arr.join("-"));
//连接[逗号]
//alert(arr.toString());
//连接[添加新数组]
//alert(arr.concat(2,21,2));
//反向数组
//alert(arr.reverse());
//将数组排序,并将结果保留到原数组中
//alert(arr.sort());
//截取
//alert(arr.slice(0,1));
//对指定位置进行删除和插入
/*arr.splice(2,1,3);
alert(arr);*/
//进出栈操作[插入.删除操作]
//数组末端插入
/*arr.push("火",7,"凤凰");
alert(arr);*/
//数组末端删除
/*arr.pop();
arr.pop();
alert(arr);*/
//数组首端插入
/*arr.unshift("战");
alert(arr);*/
//数组首端删除
/*arr.shift();
alert(arr);*/
//Math对象
//1~10随机数
//alert(Math.random()*10);
//四舍五入成整数
//alert(Math.round(Math.random()*10));
//Date对象
var date = new Date();
//获取日期和时间
//获取当前时间
alert(date.toLocaleString());
//获取年份数
//alert(date.getFullYear());
//获取月份数[月份数从0开始.]
//alert(date.getMonth());
//获取月天数
//alert(date.getDate());
//获取星期天数
//alert(date.getDay());
//获取小时数
//alert(date.getHours());
//获取分钟数
//alert(date.getMinutes());
//获取秒数
//alert(date.getSeconds());
//获取毫秒数
//alert(date.getMilliseconds());
//获取
//alert(date.getTime());
//设置日期和时间
//设置年份
/*date.setFullYear(2014);
alert(date);*/
//设置月份
/*date.setMonth(6);
alert(date);*/
//设置月天数
/*date.setDate(6);
alert(date);*/
//设置小时数
/*date.setHours(06);
alert(date);*/
//设置分钟数
/*date.setMinutes(06);
alert(date);*/
//设置秒数
/*date.setSeconds(06);
alert(date);*/
//设置毫秒数
/*date.setMilliseconds(2014);
alert(date);*/
//使用毫秒数设置date对象,并返回date
/*date.setTime(2014);
alert(date);*/
//返回本地时间与用UTC表示当前日期的时间差,以分钟为单位.
/*date.getTimezoneOffset();
alert(date);*/
//返回date对象的世界标准时间(UTC)的字符串表示.
/*date.toUTCString();
alert(date);*/
//根据本地时间格式,把date对象转换为字符串.
/*date.toLocalString();
alert(date);*/
//解析一个日期的字符串.
/*Date.parse();
alert(date);*/
//返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数
/*Date.UTC();
alert(date);*/
/*验证E-Mail地址
[A."@"不能是第一个字符;
B."."必须在"@"之后;
C."."不能是最后一个字符;
D."@"不能与"."相邻;
E."@"之前的字符不能超过20个.]*/
/*var str = "students@jcxy.org";
var a = str.indexOf("@");
var b = str.indexOf(".");
if(a != 0 && a < b && b != length-1 && b - a > 1 && a>0&&a<21){
alert("邮箱地址格式正确");
}else{alert("邮箱地址格式错误");}*/
//冒泡排序
/*var arr = [100,36,23,188,7,56,18,99]
for(var i = 0;i < arr.length;i++){
for(var a = 0;a < arr.length - 1;a++){
if(arr[a] > arr[a + 1]){
var b = arr[a];
arr[a] = arr[a + 1];
arr[a + 1] = b;
}
}
}
for(var i in arr){
document.write(arr[i] + " ");
}*/
//比较日期大小
var date1 = "2013-12-27";
var date2 = "2013-6-1";
//创建日期格式
var a = new Date(date1.split("-")[0]+"/"+date1.split("-")[1]+"/"+date1.split("-")[2]);
alert(a.getTime());
var b = new Date(date2.split("-")[0]+"/"+date2.split("-")[1]+"/"+date2.split("-")[2]);
alert(b.getTime());
if(a > b){
alert(a);
}else{
alert(b);
}
</script>
-------------------------------------------------------------------------------------------------------------------
DHTML：定时器：周期性执行定时器：timerID = setInterval停止启动的定时器clearInterval(timmerID)
一次性执行定时器：timerID = setTimeout停止启动的定时器clearTimeout(timmerID)
窗口大小和位置：window.moveTo(x,y)移动窗口到指定位置，单位为像素。
window.moveBy(x,y)向右移动x像素，向下移动y像素。参数为负数时表示反方向移动。
window.resizeTo(width,height)调整窗口大小为指定大小。
window.resizeBy(x,y)放大或缩小，参数为负数时表示缩小。
=============
Cookie
var time = new Date();
var t = time.getTime()
