javascript学习笔记
<script language="javascript" type="text/javascript">
</scritp>
//获取文本框的值
var a=document.form1.text1.value;
//获取单选框的值(要分组，组名为zhu1，即把名称都设为zhu1)
var xb
if(document.form1.zhu1[0].checked;)
{
xb=document.form1.zhu1[0].value;
}
else
{
xb=document.form1.zhu1[1].value;
}
//获取多选框的值
var dx="";
if(document.form1.dx1.checked)
{
dx=document.form1.dx1.value;
}
if(document.form1.dx2.checked)
{
dx+=document.form1.dx2.value;
}
if(document.form1.dx3.checked)
{
dx+=document.form1.dx3.value;
}
//把多选框分为1组name 为zhu2
var x=document.form1.zhu2
for(var=0;i<x.lenght;i++)
{
if(x[i].checked)
{
dx+=x[i].value;
}
alert(dx)
}
常用事件：onclick() onchange() onBlur() onFocus()
//选定文本框
docoment.form1.wbk.select();
//判断是否为空
var x=document.form1.wbk.value;
if(x==null || x=="")
{
}
//文本框全部选择
var x=document.form1.zhu2
function selectAll()
{
for(var i=0; i<x.lenght;i++)
{
x[i].checked=true;//取消全选x[i].checked=false
}
}
//链接js文件
<script type="text/javascript" src="" ></script>
//对表单的列表操作（onchang()事件）
var x = document.form1.select.value;
document.form1.action = "网址"
document.form1.submit();
//css链接
<link href="" rel="stylesheet" type="text/css">
//内嵌css
<style></style>
//行内样式（最终结果是color:#0000ff）
<p style="color:#0000ff" class="style1">
总结：行内样式>内嵌样式>外联样式
//通过ID获取元素
document.getElementById("").属性;
如：document.getElementById("ddf").style.color="#000fff"
//隐藏元素
document.getElementById("ddf").style.display="none"
//显示元素
document.getElementById("ddf").style.display=""
//如：分栏的显示和隐藏
<body>
<div align="center">
<table width="57%" border="1">
<tr>
<td width="19%" height="200" id="lanmu"><div align="center">
<p>栏目1</p>
<p>栏目2</p>
<p>栏目3</p>
<p>栏目4</p>
<p>栏目5</p>
</div></td>
<td width="15%" height="200"><div align="center"><span id="img"><img src="images/向左.gif" width="41" height="41" onClick="yc();"></span></div></td>
<td width="66%"><div align="center">内容</div></td>
</tr>
</table>
</div>
</body>
<script language="javascript" type="text/javascript">
function yc()
{
document.getElementById("lanmu").style.display="none"
document.getElementById("img").innerHTML ="<img src='images/向右1.gif' onClick='xs();'>"
}
function xs()
{
document.getElementById("lanmu").style.display="block"
document.getElementById("img").innerHTML="<img src='images/向左.gif' onClick='yc();'>"
}
</script>