第一章 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速览的更多相关文章

  1. javascript学习笔记(四) Number 数字类型

    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...

  2. Java程序猿JavaScript学习笔记(14——扩大jQuery UI)

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

  3. JavaScript:学习笔记(9)——Promise对象

    JavaScript:学习笔记(9)——Promise对象 引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...

  4. JavaScript:学习笔记(2)——基本概念与数据类型

    JavaScript:学习笔记(2)——基本概念与数据类型 语法 1.区分大小写.Test 和 test 是完全不同的两个变量. 2.语句最好以分号结束,也就是说不以分号结束也可以. 变量 1.JS的 ...

  5. Javascript学习笔记二——操作DOM

    Javascript学习笔记 DOM操作: 一.GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二.querySelector( ...

  6. Java程序猿的JavaScript学习笔记(汇总文件夹)

    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...

  7. Java程序猿的JavaScript学习笔记(8——jQuery选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  8. Java程序猿JavaScript学习笔记(2——复制和继承财产)

    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...

  9. Java程序猿的JavaScript学习笔记(3——this/call/apply)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

随机推荐

  1. HDU 1874畅通工程续(迪杰斯特拉算法)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1874 畅通工程续 Time Limit: 3000/1000 MS (Java/Others)     ...

  2. nginx 反向代理 proxy_pass 及对比nginx与haproxy反向代理服务器功能、性能的优劣

    1.使用 proxy 去请求另一个域名下的资源,如果跨域资源也部署在同一台机器上,我们甚至可以 proxy 到 127.0.0.1,比如: location /api { proxy_pass htt ...

  3. Struts2框架学习笔记--strtus2初识

    struts2概述: 1.struts2框架应用于javaEE三层结构中的Web层框架 2.struts2框架是在struts1和webwork基础之上发展的全新框架(脱胎换骨 ,用法完全不一样)ps ...

  4. oracle入门(二)

    ### 一,视图 ```1. 什么是视图    视图是一张虚表, 可以把视图看成表使用(增删改查),视图中没有数据,所有的数据都在基本表中(tables)    封装了一个复杂的DQL    操作视图 ...

  5. git 设置只输入一次用户名和密码

    https方式每次都要输入密码,非常不爽 按照如下设置可只输入一次 记住密码(默认15分钟): git config --global credential.helper cache 自己定义时间(一 ...

  6. to meet you

    1:Java特性 (1)平台无关性 一次编译到处运行 (2)GC 垃圾回收机制 (3)语言特性 泛型-反射机制-lambda表达式 (4)面向对象 面向对象语言-三大特性(封装,继承,多态) (5)类 ...

  7. vue项目获取当前地址栏参数(非路由传参)

    项目中遇到一个需求,就是另一个管理系统带参直接单纯的跳转跳转到vue pc项目中的某个页面,后再初始化查询数据,参数以地址栏的形式传入 管理系统:打开新地址地址 let obj = { id: 21, ...

  8. Ubuntu下配置MySql

    安装mysql sudo apt-get install mysql-server 检查安装是否成功 sudo netstat -tap | grep mysql 登录mysql mysql -uro ...

  9. Django实现支付宝支付(沙箱)

    1.安装SDK 点击右侧沙箱当面付接入指导,之后可以看到一个下载SDK的按钮,点击后,会有python的SDK下载链接,但还是属于公测中,也可以通过在cmd里输入以下代码来安装. pip instal ...

  10. php的mysqli_connect函数显示 No such file or directory错误以及localhost换成127.0.0.1执行成功

    Centos7环境-php7-MariaDB5.5.60 (新安装的php7,执行php -m 显示有mysqli模块,php.ini没有改其它) 测试代码为: <?php //~ echo d ...