本文通过具体代码示例，讲解JavaScript基础语法。涵盖在HTML中嵌入脚本的多种方式，包括内联事件、链接调用及按钮触发。详细解析for循环构建字符串的逻辑，以及利用parseFloat处理表单数据的计算器实现。重点剖析if-else嵌套结构的执行流程与潜在语法错误，帮助初学者理解基础控制流。
新手入门常接触的知识点~
JavaScript脚本嵌入与触发方式
<script language="javascript">alert('badwolf测试!');</script> //弹出提示框
<script language="javascript">alert('呵呵!');</script> //弹出提示框
<script language="javascript">alert(new Date());</script> //获取系统时间
<a href="javascript:alert(new Date());">www.winshell.cn</a> //点击链接执行JS显示时间
<input type="button" onClick="alert(new Date())" value="点这里"> //点击按钮执行JS显示时间
For循环与字符串拼接示例
***********************for循环***************************
<script>
var badwolf_x="";
for(var x=1; x <= 100 ; x++)
{
badwolf_x=badwolf_x+"x="+x;
}
alert(badwolf_x);
</script>
基于DOM的表单数据获取与计算
***********************计算器*****************************
<script>
function get_sum()
{
var x=parseFloat(document.jisuanqi.no1.value);
var y=parseFloat(document.jisuanqi.no2.value);
var sum=x+y;
alert(sum);
// return sum;
}
</script>
<form name="jisuanqi" action="#" >
<input type="text" name="no1" value="请输入第一个数">
<lable>+</lable>
<input type="text" name="no2" value="请输入第二个数">
<input type="button" value="计 算" onclick="get_sum()">
</form>
条件判断语句与成绩评级逻辑
***********************if/else根据成绩显示评语***************
<html>
<head>
<title>if/else根据成绩显示评语</title>
</head>
<script>
function dd()
{
var aa=document.form1.chengji.value;
if(aa<=100 && aa>90)
{
alert("成绩优秀");
}
else if(aa<=90 && aa>75)
{
alert("成绩中等");
}
else if(aa<=75 && aa>=60)
{
alert("及格");
}
else if(aa<60 && aa>=0)
{
alert("不及格");
}
else
{
alert("你傻啊～～～！！你输入的是成绩么？？？？");
}
}
</script>
<body>
<form name="form1" action="#">
<lable>请输入你的成绩<lable><input type="text" name="chengji"><input type="button" value="获得评语！！" onclick="dd()">
</form>
</body>
</html>
嵌套条件语句的执行流程分析
***********************if3***************
<script>
var x=10;
var y=-4;
if(x>20)
{
if(y>0)
{
alert(x+y);
}
else
{
alert(x-y);
}
}
else
{
alert('猪');
}
</script>