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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值