1、脚本的基本结构如下:
<script language="JavaScript">
<!--JavaScript语句;-->
</script>
提示:一般将核心脚本语句放置在标签<head>...</head>之间。
document.write()方法用于页面输出显示信息。
问题:为什么浏览器显示的脚本的内容而不是脚本执行的结果?
答:a、遗漏开始或结束的<script>。b、扩展名不是.html或.htm。c、浏览器不支持JS脚本。
2、执行原理:
客户端请求含JavaScript的页面
从服务器端下载含JavaScript的页面
客户端解析HTML标签和JavaScript脚本
3、基本语法:
·var 合法的变量名;
变量名不能使用关键字。多个变量可以用逗号分隔。
运算符号与Java中相同
if(表达式){}else{}
for(初始化;条件;增量或减量){}
while(条件){}
switch(表达式)
{case 常量值1:JavaScript语句;
case 常量值2:JavaScript语句;
default:JavaScript语句;
}
类型:number/null/boolean/string/object/undefinde
类型转换:掌握parseFloat()和parseInt()函数。
重点定义函数:function 函数名(参数列表){}
注:也可以没有参数
调用函数:事件名="函数名()"
获取表单数据:document.表单名.表单元素名.value
示例1:function calcu() {
var numb1=document.calc.num1.value;
var numb2=document.calc.num2.value;
var total=parseFloat(numb1)*parseFloat(numb2);
document.calc.result.value=total; }
<form name="calc">
<input name="result" type="text" size="15">
<input name="getAnswer" type="button" id="getAnswer" onClick="calcu()">
</form>
示例2:打印倒金字塔直线
var i =25;
while(i>0){
docment.write("<hr align=center width="+i+"%>");
i=i-5;
}
for(var j=5;j<30;j=j+5){
docment.write("<hr align=center width="+j+"%>");
} 定义函数时注意:
形式参数:定义函数时为函数定义的参数,它代表参数的类型和位置。
实际参数:调用函数时传递给函数的参数值。
调用时:把实参的值传递给形参。
函数名严格区分大小写。
多个参数用逗号隔开,要调用函数时,必须为逗号隔开的每个参数指定类型兼容的值。
如果需要返回结果,使用return语句。