甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
下面是我写的几个js的练习简单又实用
创新互联为客户提供专业的成都做网站、成都网站设计、程序、域名、空间一条龙服务，提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、手机网站制作设计等网站方面业务。
把下面代码拷贝到asp页面即可
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title正则表达式/title
/head
!--****************************输出*******************************--
script language="javascript" type="text/JavaScript"
document.write("hello word");
/script
!--*****************************计算******************************--
script language="javascript" type="text/JavaScript"
var a=1;
var b=2;
var c=a+b;
document.write(c);
/script
script language="javascript" type="text/JavaScript"
var a="A";
var b="B";
var c=a+b;
document.write(c);
/script
!--***************************判断********************************--
script language="javascript" type="text/JavaScript"
function hobby()
{
var hobby= document.getElementById("aihao").value;
if (hobby=="ball")
{
alert("yes");
}
else
{
alert("no");
}
}
/script
script language="javascript"type="text/JavaScript"
function chengji()
{
var score = document.getElementById("cj").value;
if (parseInt(score)100)
{
alert("Max score 100!!!");
}
else
{
switch (parseInt(score / 10))
{
case 0:
case 1:
case 2:
case 3:
case 4:
case 5:
degree = "恭喜你，又挂了！";
alert(degree);
break;
case 6:
degree = "勉强及格";
alert(degree);
break;
case 7:
degree = "凑合，凑合"
alert(degree);
break;
case 8:
degree = "8错，8错";
alert(degree);
break;
case 9:
case 10:
degree = "高手高手，佩服佩服";
alert(degree);
}
}
}
/script
!--***********************************************************--
script language="javascript" type="text/JavaScript"
function CheckForm()
{
var form = document.myform;
if(form.userName.value=='')
{
alert("please userName");
form.userName.focus();
return false;
}
if(form.userPass.value=='')
{
alert("please userPassWord");
form.userPass.focus();
return false;
}
}
/script
script language="javascript" type="text/javascript"
function add(num1,num2)
{
var num1=document.getElementById("n1").value;
var num2=document.getElementById("n2").value;
alert(parseInt(num1)+parseInt(num2));
}
/script
script type="text/JavaScript"
var i=1;
for (i=1;i=10;i++)
{
document.write("br /菜鸟"+i+"号br /");
}
/script
bodybr
input type="text" name="n1" width="50"
input type="text" name="n2" width="50"
input type="button" value="计算" onClick="add()"
BrBr
input type="text" id="aihao" onBlur="hobby()"hobby("ball" is yes/ other is no)BrBr
input type="text" id="cj" onBlur="chengji()"计算成绩BrBr
*********login********
BrBr
form action="index.asp" method="post" name="myform"
input type="text" name="userName"(cookies)BrBr
%Response.Cookies("shuzi")=Request.Form("userName")%
input type="password" name="userPass"BrBr
input type="submit" name="btnOk" value="提交" onClick="return CheckForm()"
input type="reset" name="btnRe" value="重置"BrBr
/form
**********************
BrBr
%=Request.Cookies("shuzi")%
/body
基础性的学习网站：
w3school：
w3cplus：
菜鸟教程网：
易百教程：
脚本之家：
视频类的学习网站：
尚学堂：
慕课网：
扣丁课堂：
极客学院：
个人博客类的学习网站：
张鑫旭：
阮一峰：
廖雪峰：
辰辰：
轩枫阁：
社区类的学习网站：
segmentfault：
掘金：
简书：
Stack Overflow:
CSDN：
博客园：
希望对你有帮助！
w3cschool：
菜鸟教程：
上面是基础的东西，如果没有代码语言基础，建议先了解下。
其次，学习不能为了学而学，应该为了用而学，所以视频教程不可少。
建议去慕课网，腾讯课堂，百度传课等app内看，关于js教程特别多，看你喜欢哪个老师的风格。
另外，如果没有代码基础，且没有时间、精力，且没有强大的恒心，还是先放不放吧，更适合培训班。（本人的经历）
手打不易，看在打了这么多字的份上，满意请采纳~
《ppk谈JavaScript》百度网盘pdf最新全集下载:
链接：
?pwd=rlw2 提取码：rlw2
简介：ppk谈JavaScript主要讨论了浏览器兼容性、可访问性、底层语法以及与HTML结构层的协同等问题。书中既包括理论性的讲解，又给出了相关的示例脚本以进行进一步阐述。通过8个真实项目示例，介绍了核心语言、BOM、事件处理、DOM、修改CSS样式表以及数据检索等内容。
《HTML、CSS、JavaScript网页制作从入门到精通》（刘西杰）电子书网盘下载免费在线阅读
资源链接：
链接：
提取码：vge2
书名：HTML、CSS、JavaScript网页制作从入门到精通
作者：刘西杰
豆瓣评分：6.6
出版社：人民邮电出版社
出版年份：2013-1-1
页数：450
内容简介：
《HTML\CSS\JavaScript网页制作从入门到精通》共分为18章和4个附录，重点介绍使用HTML进行网页制作的方方面面，同时讲解了目前流行的Web标准与CSS网页布局实例，以及基于JavaScript语言的网页特效制作。为了便于读者学习，附录中汇集了经过作者精心整理的网页制作技巧60多例。