JavaScript基础语法与DOM交互示例解析

新手入门常接触的知识点~

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>