牛腩js视频教程实例代码-1
判断闰年(第5课)
<form act
请输入年份:
<input name="nian" type="text" id="nian" value="" size="8" maxlength="8"/>
<input name="按钮" type="button" id="button"value="是否闰年"on
<script language="javas
function aaa() {
var x = document.form1.nian.value;
/* if (x=="" || x==0) {
alert("年份不能为空或为0!");
} */
if (((x%4==0) && (x%100 !=0)) || ((x%100==0) && (x%400==0)))
//(x%4==0) && (x%100 !=0):(x能被4整除)并且(x不能被100整除)
//(x%100==0) && (x%400==0):(x能被100整除)并且(x能被400整除)
{
alert(x + "年是闰年!");
} else {
alert(x + "年不是闰年!");
}
}
</script>
</form>
登录表单(第6课)
<form act
<p>用户名:
<input name="text1" type="text" id="text1" size="12" maxlength="10">
</p>
<p> 密码:
<input name="text2" type="password" id="text2" size="14" maxlength="14">
</p>
<input name="button1" id="button1" type="button" value="登录"on
<input name="button2" id="button2" type="reset" value="重设">
</form>
<script language="javas
function bbb() {
var text1= document.form2.text1.value;
var text2= document.form2.text2.value;
/*检测你的用户名、密码是否输入
if (text1==null || text1=="") {
alert("用户名不能为空");
}
if (text2==null || text2=="") {
alert("密码不能为空");
} */
//判断你登录是否成功
if (text1=="火力光波"&& text2=="111111") {
alert("登录成功!");
} else {
alert("请填写正确的用户名和密码!");
}
}
</script>
1加到100的结果(第7课)
<script language="javas
//while循环
var i=1;
var jieguo=0;
while(i<=100){
jieguo +=i;
i++; //这是i=+1 或是i=i+1的简写
}
alert("1加到100的结果:"+jieguo);
//for循环
var jieguo=0;
for(var i=1;i<=100;i++){
jieguo +=i;
}
alert("1加到100的结果:"+jieguo);
</script>
23个3相乘的结果(第7课)
<script language="javas
//while循环
var i=1;
var jieguo=1;//
while(i<=23){
//alert("这是第'+i+'句!");
jieguo *=3;
i++;
}
alert("23个3相乘的结果:"+jieguo);
//for循环
var jieguo=1;
for(var i=1;i<=23;i++){
jieguo *=3;
}
alert("23个3相乘的结果:"+jieguo);
</script>
数组循环(第7课)
<script language="javas
var tx=new Array();
tx[0]="小明";
tx[1]="小红";
tx[2]="小强";
tx[3]="小为";
tx[4]="小工";
for(var i=0;i<tx.length;i++){
alert("第"+(i+1)+"位同学的姓名是:"+tx[i]);
}
</script>
注册表单(第8课、第9课)
<form act
<p>姓名:
<input name="xinming" type="text" id="xinming" value="请输入您的姓名!" size="18" maxlength="20"on
</p>
<p>性别:
<input type="radio" name="zhu1" id="radio"value="男">
男
<input name="zhu1" type="radio" id="radio2" value="女" checked="checked">
女</p>
<p>爱好:
<input name="zhu2" type="checkbox" id="zhu2" value="跑步">
跑步
<input name="zhu2" type="checkbox" id="zhu2" value="游泳">
游泳
<input name="zhu2" type="checkbox" id="zhu2" value="打球">
打球
<input name="zhu2" type="checkbox" id="zhu2" value="滑冰">
滑冰
<input name="zhu2" type="checkbox" id="zhu2" value="逛街">
逛街
<input name="zhu2" type="checkbox" id="zhu2" value="旅游">
旅游
<input name="zhu2" type="checkbox"i d="zhu2" value="打牌">
打牌
<input name="zhu2" type="checkbox" id="zhu2" value="下棋">
下棋 </p>
<p>
<input name="zhu2" type="checkbox" id="zhu2" value="上网">
上网
<input name="zhu2" type="checkbox" id="zhu2" value="看书">
看书
<input name="zhu2" type="checkbox" id="zhu2" value="读报">
读报
<input name="zhu2" type="checkbox" id="zhu2" value="泡MM">
泡MM
<input name="zhu2" type="checkbox" id="zhu2" value="跳舞">
跳舞
<input name="zhu2" type="checkbox" id="zhu2" value="摄像">
摄像
<input name="zhu2" type="checkbox" id="zhu2" value="聊天">
聊天
<input name="zhu2" type="checkbox" id="zhu2" value="钓鱼">
钓鱼 </p>
<p>
<input name="button1" type="button" id="button1" value="全选"on
<input name="button2" type="button" id="button2" value="取消"on
</p>
<p>
<input type="button" name="button3" id="button3" value="注册表单"on
<input type="reset" name="button4" id="button4" value="重置表单">
</p>
</form>
<script language="javas
function aaa() {
//获取姓名
var xinming=document.form3.xinming.value;
//获取性别
var xinbie;
var x=document.form3.zhu1[1].checked;
if (!x) {
xinbie=document.form3.zhu1[0].value;
} else {
xinbie=document.form3.zhu1[1].value;
}
//获取爱好
var aihao="" ;
var xxx=document.form3.zhu2;
for (var i=0; i<xxx.length; i++) {
if (xxx[i].checked){
aihao+=xxx[i].value+"、";
}
}
alert("姓名:"+xinming+"\n性别:"+xinbie+"\n爱好:"+aihao);
}
//选择姓名栏中的内容
function bbb() {
document.form3.xinming.select();
}
//提示输入姓名
function ccc() {
var ttt= document.form3.xinming.value;
if ( ttt=="" || ttt==null) {
alert("请输入您的姓名!");
document.form3.xinming.focus();
}
}
//全部选择
function qbxz() {
var xxx= document.form3.zhu2;
for (var i=0; i<xxx.length; i++) {
xxx[i].checked=true;
}
}
// 取消全选
function qxqx() {
var xxx= document.form3.zhu2;
for (var i=0; i<xxx.length; i++) {
xxx[i].checked=false;
}
}
/*
函数名:aaa姓名 bbb姓名 ccc姓名 qbxz爱好 qxqx爱好
文本框: xinming 姓名名 xinbie 性别名 aihao 爱好名
zhu1 性别框 zhu2 爱好框
变量名: ttt 姓名 x 性别 xxx 全选、取消爱好
新单词: checked 初始值 select 全选 on
length 长度 focus 焦点 */
评论