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 ...
随机推荐
- windows 建立任务执行计划 自动执行脚本
对于windows服务器网站如果要定时执行脚本,则需要在windows控制面板里找到 管理工具,点击任务计划程序,创建任务填写任务名称 触发器里新建触发条件,设置间隔时间 在操作项,新建触发时需要做的 ...
- Java 深入理解内部类
摘自海子:Java内部类详解 深入理解内部类 1.为什么成员内部类可以无条件访问外部类的成员? 在此之前,我们已经讨论过了成员内部类可以无条件访问外部类的成员,那具体究竟是如何实现的呢?下面通过反编译 ...
- Token ，Cookie和Session的区别
在做接口测试时,经常会碰到请求参数为token的类型,但是可能大部分测试人员对token,cookie,session的区别还是一知半解. Cookie cookie 是一个非常具体的东西,指的就是浏 ...
- mysql当前用户user()与current_user()
Mysql在进行登陆时,会去匹配mysql库中的user表,并赋予相应的权限,但是怎么知道我们当时的登陆的用户名及相应的权限呢? 在Mysql中,有两个函数,一个是user(),一个是current_ ...
- Mysql完全卸载（Windows版本）
(1)控制面板 ---> 程序和功能 ---> 卸载MySQL Installer: (2)删除MySQL软件安装路径下的MySQL目录,默认目录为 C:\Program Files (x ...
- Myeclipse报错：The word is not correctly spelled
在eclipse下的Window--Preference输入spell,然后把第一个复选框“Enable spell checking"给去掉就可以了.
- 大数据学习--day14(String--StringBuffer--StringBuilder 源码分析、性能比较)
String--StringBuffer--StringBuilder 源码分析.性能比较 站在优秀博客的肩上看问题:https://www.cnblogs.com/dolphin0520/p/377 ...
- Mac下Anaconda的安装和使用
前提 在刚接触python的时候我想大多数人都会面临一个问题,我到底是选择2还是3,因为现在网上好多的资料和视频项目中都还是用的2,我们跟着学习的时候肯定也是首先从2开始学的,但是我们心里肯定也担心学 ...
- BurpSuite—-Target模块(目标模块)
Target功能 目标工具包含了SiteMap,用你的目标应用程序的详细信息.它可以让你定义哪些对象在范围上为你目前的工作,也可以让你手动测试漏洞的过程,Target分为site map和scope两 ...
- Java 多线程 volitile 和 atomic
Java 多线程 volitile 和 atomic volitile关键字 public class MTester { public static class TestKey{ int x = 0 ...