JavaScript语法
1 它的用法
在html中的位置有三块：1.head里面 2.body里面 3.</html>之后，为了保险起见一般写在</html>之后。<script language="javascript">代码必须放在这里面</script>
2、三个常用对话框
alert("") 警告对话框，作用是弹出一个警告对话框；
alert("出现错误") ：
confirm("") 确定对话框，作用是弹出一个可供选择的确定对话框，点击确定之后，它返回ture，点击取消返回flase，可用变量来接收。
confirm("确定退出么") ：
prompt("要显示的提示文字")，作用是弹出一个可以输入内容的对话框。
prompt("输个数字进来吧"，"只能是数字哦") ：
语法
1、基本数据类型：
字符串、小数、整数、日期时间、布尔型等。
2、变量：
都是通用类型var，可以随便存储其它类型的值，可以直接使用，不用定义，但习惯上定义。定义变量：var a；所有变量定义都用var定义，var是通用的可变类型。
3、类型转换：
分为自动转换和强制转换，一般用强制转换。
其它类型转为整数：parseint()；
其它类型转为小数：parsefloat()；
另外判断是否是一个合法的数字类型：isNaN（not a niumber）() ；是不是一个数字，true。不是。False。是。
is not a number是不是（不是一个数字）
是数字的话返回false，不是数字的话返回true，如下：
var a;
a=prompt("请输入一个数字！","只能输入数字")/*把输入对话框输入的内容赋值给a*/
var b= isNaN(a);/*判断a是不是不是一个数字，赋值给b*/
alert(b)
4、运算符：
数学运算符：+ - * / % ++ --；
关系运算符：== != > >= < <=；
逻辑运算符:&& || !；
其它运算符:+= -= *= /= %= ?:
5、语句：
一般分为顺序，分支和循环语句。
（1）分支是if语句：
If(判断条件)
{
满足条件要执行的语句
}
else
{
不满足条件要执行的语句
}
（2）循环用for语句：
for(初始条件；循环条件；状态改变)
{
循环体
}
（3）问题类型：穷举，迭代
（4）两个关键词：break 和continue
（5）如果要输出某一参数的值：输出的值是"+a+"和"+b
6、数组：
数组的定义：new Array()；它的长度是动态变化的，里面可以放任意类型的元素。
数组元素的赋值：a[0]=123；a[1]="hello"；
数组取值：a[i]；
数组属性：a.length；数组元素的个数，长度。
方法：a.sort();排序数组，按照第一个字符排序，a.reverse();翻转数组
7、函数：
函数的四要素：名称，输入，返回值，加工。
定义函数：function add(形参) { 函数体 }，函数名为add，输入为参数的形式，返回值可以是var类型也可以return个值；
函数不调用是不会执行的，函数的调用：add(实参)。
实例
<font size="+3">2.输入你的姓名，分数，查看是否及格，若>=80，再输出你很优秀！继续保持</font><br />
姓名：<input id="name" type="text" /><br />
分数：<input id="score" type="text" /><br />
<input type="button" value="查看成绩" onclick="chakan()" /><br /><br />
<font size="+3">3.设置一个div，准备好3张图片，设置3个按钮，分别更改不同的背景，默认是第一张（类似于QQ空间更换主题）</font><br />
<div id="d" style="width:360px; height:240px; border:1px solid red; background-image:url(../../HTML%E9%83%A8%E5%88%86/1029/Images/banner.jpg)"></div><br />
<input type="button" onclick="change1()" value="主题一" /> <input type="button" onclick="change2()" value="主题二" /> <input type="button" onclick="change3()" value="主题三" />
<br /><br />
<font size="+3">4.设置一个p标签，当点击这个p标签所在的位置时，更改文字的颜色，更改文字的大小</font><br />
<p id="p1" onclick="color1()">盼望着，盼望着，东风来了，春天的脚步近了。</p>
<p id="p2" onclick="color2()">一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。 </p>
<p id="p3" onclick="color3()">小草偷偷地从土地里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻俏俏的，草软绵绵的。</p>
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
</body>
</html>
<script>
function chakan()
{
var name = document.getElementById("name").value;
var score = parseFloat( document.getElementById("score").value);
if(score>=0 && score<=100)
{
if(score<60)
{
alert(name+"不及格");
}
else
{
if(score>=80)
{
alert("恭喜你，"+name+"，及格了，并且你很优秀，继续保持！");
}
else
{
alert(name+"及格了");
}
}
}
else
{
alert("成绩输入有误！");
}
}
function change1()
{
var d = document.getElementById("d");
d.style.backgroundImage="url(../../HTML%E9%83%A8%E5%88%86/1029/Images/banner2.jpg)";
}
function change2()
{
var d = document.getElementById("d");
d.style.backgroundImage="url(../../HTML%E9%83%A8%E5%88%86/1029/Images/banner.jpg)";
}
function change3()
{
var d = document.getElementById("d");
d.style.backgroundImage="url(../../HTML%E9%83%A8%E5%88%86/1029/Images/banner3.jpg)";
}
function color1()
{
var p1 = document.getElementById("p1");
p1.style.color="#3F3";
p1.style.fontSize="30px";
}
function color2()
{
var p2 = document.getElementById("p2");
p2.style.color="#FF3";
p2.style.fontSize="30px";
}
function color3()
{
var p3 = document.getElementById("p3");
p3.style.color="red";
p3.style.fontSize="30px";
}
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
