Web开发基础
HTML
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE></STYLE>
<SCRIPT></SCRIPT>
</HEAD>
<BODY>
这里是html元素即网页内容
</BODY>
</HTML>
HTML标记元素
a标记
描述：链接
<a href=”链接”target=”_blank”>链接文字</a>
Target:_blank,_top,_self, _parent
b标记
描述：加粗
<b>文字</b>
br标记
描述：换行
文字1<br>文字2
显示：
文字1
文字2
H1…H6标记
描述：标题
<H2>标题</H2>
span标记
描述：区块
<span>文本</span>
div标记
描述：层（层会单独占一个，这个与span不一样，Div配合CSS应用于网页布局）
<div>层文本</div>
font标记
描述：设置字体
<font size=”n” color=”red”>文字</font>
form标记
描述：表单（注意，网页提交的数据必须放在表单里）
<form action=”*.asp”>
<input type=”text” value=””/>
</form>
input标记
描述：表单控件
<input type="text" name="textfield" />
Type类型：
Text，checkbox，button，file，hidden，image，password，radio，submit
hr标记
描述：水平线
<hr>
i标记
描述：文字倾斜
<i><倾斜文字/i>
img标记
描述：图像
<img src=”图片路径”/>
iframe标记
描述：嵌入框架
<iframe src=”URL”width=“” height=“”></iframe>
marquee标记
描述：滚动字幕
<marquee>文本</marquee>
p标记
描述：段落标记
<p>文本</p>
table标记
描述：表格
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
textarea标记
描述：文本区域
<textarea>内容</textarea>
Javascript语法基础
事件驱动
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE></STYLE>
<SCRIPT>
function fun()
{
Alert(“点击了p标签”);
}
function fun2()
{
Alert(“点击了span标签”);
}
</SCRIPT>
</HEAD>
<BODY>
<p onclick=”fun()”>点击这段，其实是正行</p>
<span onclick=”fun2()”>点击这里吧</span>
</BODY>
</HTML>
语法
变量
Var 变量名;
变量名=1243.45;
上面是定义变量和给变量赋值。
转义字符
A=”hello”;表示给A变量赋予字符串hello，有时候在字符串里含有一些特殊的字符如回车符，换行符等，我们把这样的字符称为转义字符。
\b 表示退格
\r 表示回车符
\t 表示Tab符
\\ 表示一个\
\’ 表示单引号
\” 表示双引号
\n 表示换行
数值转换
Number(字符)
把字符型转换为数值型
C = Number(“1”)+2;
注意：C的结果是3。
运算符
*(乘) /(除) %(求余) +(加) –(减)
++（自加1） - -（自减1）
关系运算
<(小于) >(大于) >=(大于等于) <=(小于等于) !=(不等于) = =(等于)
A = 10>=5;
Alert(A); 结果是true
逻辑运算
！（非） &&（与） ||（或）
一维数组
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE></STYLE>
<SCRIPT>
function fun()
{
Var arr = new Array(3);
arr[0]=”aaa”;
arr[1]=”bbb”;
arr[2]=”ccc”;
Alert(arr[2]);
}
function fun2()
{
Var arr = new Array(“aaa”,”bbb”,”ccc”);
Alert(arr[2]);
}
</SCRIPT>
</HEAD>
<BODY>
<span onclick=”fun()”>点击这里吧</span>
</BODY>
</HTML>
二维数组
Var arr = new Array();
arr[0]=new Array(“a1”,”a2”,”a3”);
arr[1]=new Array(“b1”,”b2”,”b3”);
arr[2]=new Array(“c1”,”c2”,”c3”);
alert(a[1][2]); 这个值是“b3”
条件判断
if()
{语句集}
else
{语句集}
switch()
{
case 1:
语句
case 2:
语句
default:
语句
}
循环
while(条件)
{
语句
}
for(i=1;i<=3;i++)
{
语句
}
BOM
BOM是browser object model 缩写即浏览器对象模型。
浏览器三种对话框
alert(“提示信息”);
confirm(“提示信息”);
prompt(“提示信息”);
JavaScript内置对象
Math对象
Math.abs(); 求绝对值
Math.sqrt(); 开跟
Math.pow(x,y); 表示x的y次方
Date对象
Var d = new Date();
d.getYear(); 获取系统时间的年
d.getMonth(); 获取系统时间的月
d.getDay(); 获取系统时间的日
d.getHours(); 获取系统时间的小时
d.getMinutes(); 获取系统时间的分钟
d.getSeconds(); 获取系统时间的秒
document对象
属性：
Title 获取设置文档标题
Bgcolor 获取设置文档背景色
Fgcolor 获取设置文档前景色
url 获取链接
forms 获取网页文档中表单集合
images 获取网页文档中<img>标签集合
方法：
Close()
Open(“”);
Write(“”);
Writeln(“”);
事件
Onload,onclick,ondblclick,onmousemove,onmousedown,onmouseup等
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>
function fun()
{
Var arr = new Array(3);
arr[0]=”aaa”;
arr[1]=”bbb”;
arr[2]=”ccc”;
Alert(arr[2]);
}
function fun2()
{
Var arr = new Array(“aaa”,”bbb”,”ccc”);
Alert(arr[2]);
}
</SCRIPT>
</HEAD>
<BODY>
<span onclick=”fun()” onmouseup=”alert(‘鼠标放开’)”>点击这里吧</span>
</BODY>
</HTML>
window对象
window.open();打开新窗口
open(url,name[,attr]);
attr可以是:
height：高度
width：宽度
left：距离屏幕左边宽度
top：距离屏幕上边宽度
menubar：是否有菜单
resizable:是否能改变窗口大小
scrollbars:是否可以滚动
window.open(“a.html”,”name”,”menubar=no,height=200,width=300”);
window.close();关闭当前窗口
window.print();打印当前窗口
window.confirm()
window.alert();
window.prompt();
location对象
location.href=”a.html”
让浏览器转到a.html页
Location.reload()刷新当前页
Location.host获得当前页面主机信息
history对象
history.go(n)
n=-1 表示网页后退
n=1 表示网页前进
