第一章 JS速览
1 限制时间处理事件
<script>
setTomeout(wakeUpUser,5000);
function wakeUpUser()
{
alert("Are you going to start at this boring page forever?");
}
</script>
2 变量 var 可以声明 数值 字符 布尔类型，可以声明加赋值，也可以只声明。
变量命名规则：*以字母、下划线、美元符号打头；*字母数字下划线美元
*避免关键字
3 语法规则：
*每条语句分号结尾；
*单行注释 //
*空白无关紧要
*字符串可以单引号也可以双引号穿起来
*不用括号括起 true和false
*声明变量可以不给他指定值
*区分大小写
4 表达式：表达式的结果都为某种值（数字 字符串 布尔）
*var total=price-(price*(discount/100));
*"dear"+"reader"+""+name(变量)
*phonenum.substring(0,3);//
5 与用户交流
创建提箱框：alert("提醒文本");
直接写入文档：document.write();
控制台：console.log();
【控制台主要作用是写入日志，不在网页最终版本中使用，仅在开发网页期间调试代码
<script> var message="Howdy"+" "+"partber"; console.log(message); </script>
】
直接操作文档:文档对象模型；
6 Javascript代码的放置位置：<head>(在加载整个网页内容前加载script代码)
<body>当然也可以在这两个部位使用外部<script src="xx.js"></script>
外部文件中直接放js代码，不需要<script>
!不能在引入外部文件的同时嵌入内部的js代码
7 开发一款战舰游戏
认识函数：var m=prompt("提示字符");//prompt函数返回输入的字符串
Math.random();//生成随机数0-1,如果生成0-100则*101
Math.floor();//将数字四舍五入
源：
<!doctype html>
<html lang="en">
<head>
<title>Battleship</title>
<meta charset="utf-8">
</head>
<body>
<h1>Play battleship!<h1>
<script language="JavaScript" type="text/JavaScript">
var location1,location2,location3;
var guess;
var hits1=0,hits2=0,hits3=0;
var guesses=0;
var isSunk=false;
while(!isSunk)
{
//生成新的随机战舰位置
location1=Math.floor(Math.random()*7);
location2=Math.floor(Math.random()*7);
while(location2==location1)
location2=Math.floor(Math.random()*7);
location3=Math.floor(Math.random()*7);
while(location3==location1||location3==location2)
location3=Math.floor(Math.random()*7);
//获取用户输入
guess=prompt("Ready,aim,fire!(enter a number 0-6):");
if(guess>6||guess<0)
{
alert("Please enter a valid cell number！");
}else
{
guesses=guesses+1;
if(guess==location1)
{
alert("HIT 1!");
if(hits1==3)
{
alert("You sank my battleship 1!");
}
else
hits1=hits1+1;
}
else if(guess==location2)
{
alert("HIT 2!");
if(hits2==3)
{
alert("You sank my battleship 2!");
}
else
hits2=hits2+1;
}
else if(guess==location3)
{
alert("HIT 3!");
if(hits3==3)
{
alert("You sank my battleship 3!");
}
else
hits3=hits3+1;
}
else
alert("MISS!");
if(hits1==3&&hits2==3&&hits3==3)
{
isSunk=true;
alert("You sank all my battleship!");
}
}
}
var states="You took "+guesses+" guesses to sink the battleship, "+"which means your shooting accuracy was "+(3/guesses);
alert(states);
</script>
</body>
</html>