JavaScript学习笔记（一）——JS速览
第一章 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>
JavaScript学习笔记（一）——JS速览的更多相关文章
- javascript学习笔记(四) Number 数字类型
数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数 toExponential() 方法 用科学 ...
- Java程序猿JavaScript学习笔记（14——扩大jQuery UI）
计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...
- JavaScript:学习笔记(9)——Promise对象
JavaScript:学习笔记(9)——Promise对象 引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...
- JavaScript:学习笔记(2)——基本概念与数据类型
JavaScript:学习笔记(2)——基本概念与数据类型 语法 1．区分大小写．Test 和 test 是完全不同的两个变量. 2．语句最好以分号结束,也就是说不以分号结束也可以． 变量 1.JS的 ...
- Javascript学习笔记二——操作DOM
Javascript学习笔记 DOM操作: 一．GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二．querySelector( ...
- Java程序猿的JavaScript学习笔记（汇总文件夹）
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
- Java程序猿的JavaScript学习笔记（8——jQuery选择器）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Java程序猿JavaScript学习笔记（2——复制和继承财产）
计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...
- Java程序猿的JavaScript学习笔记（3——this/call/apply）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
随机推荐
- UVA - 1197 （简单并查集计数）
Severe acute respiratory syndrome (SARS), an atypical pneumonia of unknown aetiology, was recognized ...
- mint-ui 企业微信PC端内置浏览器 Picker 无法滚动
处理 在主JS代码之上附加以下代码 : <script> if (~navigator.userAgent.toLowerCase().indexOf('windowswechat')) ...
- Java并发编程（七）终结线程
线程的状态 一个线程会有如下五个状态 1.新建:线程在被创建时会暂时处于这种状态,此时系统为线程分配资源并对其进行初始化 2.就绪:此时线程已经可以运行,只是系统没有为其分配CPU时间. 3.运行:系 ...
- win 10 如何关闭自动更新
1.右键“此电脑”图标,点击“管理”,打开“计算机管理”窗口; 2.在“计算机管理”窗口中找到“服务和应用程序”,点击“服务”,打开“服务”窗口; 3.在“服务”中找到“Windows Update” ...
- 浅谈ES6基础——Promise
IMAGE加载 Callback Hell function loadImg(src,callback,fail) { var img = document.createElement('img'); ...
- C++继承与多态练习--计算图形面积
1.目的: /*设计一个计算图形面积的类库. 类库的顶层是一个抽象类,并且提供三个纯虚函数:显示数据成员.返回面积和返回体积. Class Shape { virtual void showData( ...
- day 93 Django学习之django自带的contentType表
Django学习之django自带的contentType表 通过django的contentType表来搞定一个表里面有多个外键的简单处理: 摘自:https://blog.csdn.net/a ...
- s3c6410 RomCode文档读后总结
最近无意中看到一篇关于s3c6410 RomCode的介绍,结合自己的经验,做个总结. 首先贴张图,具体描述下该芯片的启动方式及具体流程. 因为s3c6410的板子多数是从SD或者Nand方式启动,重 ...
- Go语言中结构体的使用-第1部分结构体
1 概述 结构体是由成员构成的复合类型.Go 语言使用结构体和结构体成员来描述真实世界的实体和实体对应的各种属性.结构体成员,也可称之为成员变量,字段,属性.属性要满足唯一性.结构体的概念在软件工程上 ...
- SQL学习笔记：高级教程
SQL语法 LIMIT select col from table limit number select * from table limit number LIKE select * from t ...