<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>
分享到:
相关推荐
JavaScript学习笔记JavaScript学习笔记
个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版
JavaScript学习笔记,javascript基础知识,基础语法整理.pdf
javascript 学习笔记
挺好的javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记
javascript学习笔记
JavaScript学习笔记.pdf
javascript学习笔记讲解版参考.pdf
javaScript学习笔记总结.docx
JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...
JavaScript学习笔记归纳.pdf
javascript学习笔记发放1,以后陆续发布。