一、代码存放位置

　理论上放在body和head中都可以，但是推荐放在body代码块底部，因为Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。

　　Js代码可以放在一个单独的文件中，然后通过 <script src="common.js" type="text/javascript"></script>可以将其导入进来，或者直接在html文件中直接书写代码，如下面所示，其中两种方式的 type都可以不用写，因为浏览器默认的便是javascript

 方式一：type="text/javascript"可以省略

 <head>

     <meta charset='utf8'>

     <title></title>

     <script src='common.js'></script>

 </head>

 方式二：type="text/javascript"可以省略

 <body>

     <script>

         Js代码内容.....

     </script>

 </body>

二、变量

JavaScript中变量的声明是一个非常容易出错的点，

局部变量：函数内局部变量必须一个 var 开头，函数内如果未使用var也是定义局部变量，所以为了不搞混，局部变量var开头,重新赋值也要用var

全局变量：函数外则默认表示声明的是全局变量。

<script>

    name = 'seven';        // 不加var,全局变量

    function func(){

        var age = ;      // 加var,局部变量

        age = ;          // 对局部变量重新赋值,所以定义局部变量也好，修改局部变量也好都加上var就不会乱了

        var age = ;

        name = "tomcat";   // 对全局变量重新赋值

        gender = "女";     // 这是局部变量,别乱了,所以定义局部变量使用var

        alert(age);

        alert(name);

        alert(gender);

    }

    alert(name);

    func()

</script>

JavaScript中代码注释：

  • 单行 //
  • 多行 /*  */

注意：此注释仅在Script块中生效。

三、循环和异常

一、if 循环

用于判定相等或者不等的情形

严格来说if循环必须是一个boolean表达式：但是javascriot是弱类型语言，可以把其他类型的值自动转化为Boolean

自动转化为false：、NaN、 “（空字符串）”、undefined

自动转化为true：、-、infinity、字符串、‘’、
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <button onclick="isHealthy()">体重健康测试</button>

</head>

<body>

    <script>

        function isHealthy(){

            var weight=window.prompt("请输入体重：");

            var height=window.prompt("请输入身高：");

            var score=weight/(height*height);

            if(score>){

                console.log("你有点胖了");

            }else if(score>){

                document.write("体重均匀");

            }else{

                console.log("你太瘦了");

            }

        }

    </script>

</body>

</html>

二、swich-case语句

语法：

swich:

  case:

语句一;

  case：

    语句二;

  default：

    语句三;

当上面的判断要第一个执行的时候，语句二语句三也会继续执行，所以要用break中断循环

swich-case的优点：

1、常常和break语句结合使用实现分支的功能

2、结构更清晰、效率更高

缺点：

只能用于指定变量相等某个范围内的某个特定的值

三、while循环

循环：就是一遍又一遍的重复执行相同或者相似的代码

循环结构的二个要素：

1）  循环体—要执行的相同或者相似的语句

2）  循环条件—重复执行的次数，或者继续执行循环的条件

方式一、

while循环的语法格式：

    while（boolean）{

        循环体语句;

}

含义：如果boolean表达式为true，则执行一遍循环体中的语句；然后再判定一次boolean表达好似，如果为true，则再次执行一遍循环体中的语句…直到boolean表达式的值为false则循环结束

方式二、

do {

    可执行语句;

}while（boolean表达式）；

while的两种循环方式

注意点：

break只能用在while和swich这两种语句当中

四、for循环

for循环支持两种遍历方式

方式一：

var names = ["alex", "tony", "rain"];

for(var i=;i<names.length;i++){

    console.log(i);

    console.log(names[i]);

}

方式二：

var names = ["alex", "tony", "rain"];

for(var index in names){

    console.log(index);

    console.log(names[index]);

}
for循环执行过程：

、    计算表达式1的值

、    计算表达式2（boolean表达式）的值，如果为true则执行循环体，否则退出循环

、    执行循环体

、    执行表达式3

、    计算表达式2如果为true则执行循环体，否则退出循环

、    如此循环往复，直到表达式2的值为false

countinue：关键字只能用于循环中。

五、异常处理

try {

    //这段代码从上往下运行，其中任何一个语句抛出异常该代码块就结束运行

}

catch (e) {

    // 如果try代码块中抛出了异常，catch代码块中的代码就会被执行。

    //e是一个局部变量，用来指向Error对象或者其他抛出的对象

}

finally {

     //无论try中代码是否有异常抛出（甚至是try代码块中有return语句），finally代码块中始终会被执行。

}

四、补充

1、输入的内容直接打印到浏览器页面上面

document.write(“这个内容会打印到浏览器页面上面”)

2、在解释器中打印输出

consolo.log();

3、和用户交互

window.prompt（“来输入内容”）;

4、弹出警告框

window.alert("里面内容随便写");

第一篇、javascript变量和循环的更多相关文章

  1. R语言学习 第一篇：变量和向量

    R是向量化的语言,最突出的特点是对向量的运算不需要显式编写循环语句,它会自动地应用于向量的每一个元素.对象是R中存储数据的数据结构,存储在内存中,通过名称或符号访问.对象的名称由大小写字母.数字0-9 ...

  2. JavaScript 学习之第一篇JavaScript的数据类型(2016/8/29 晚 23:12)

    1. JavaScript的数据类型 JavaScript 里面有6中数据类型 Boolean String Number Undefined Null Object object(对象)类型包含了数 ...

  3. cocos2d-x学习记录第一篇-环境变量配置

    最近准备学习cocos2d-x,之前一直是做iOS开发的,算是零基础开始学习吧. (此条后来修改,不用配置下面这些东西,下载一个cocosstudio就可以了,直接在里边就创建工程了) 本人用Mac电 ...

  4. Scala语言笔记 - 第一篇

    目录 Scala语言笔记 - 第一篇 1 基本类型和循环的使用 2 String相关 3 模式匹配相关 4 class相关 5 函数调用相关 Scala语言笔记 - 第一篇 ​ 最近研究了下scala ...

  5. 深入理解javascript函数系列第一篇——函数概述

    × 目录 [1]定义 [2]返回值 [3]调用 前面的话 函数对任何一门语言来说都是一个核心的概念.通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行.在javascript里,函数即 ...

  6. 深入理解javascript函数系列第一篇

    前面的话 函数对任何一门语言来说都是核心的概念.通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行.在javascript里,函数即对象,程序可以随意操控它们.函数可以嵌套在其他函数中 ...

  7. 深入理解javascript对象系列第一篇——初识对象

    × 目录 [1]定义 [2]创建 [3]组成[4]引用[5]方法 前面的话 javascript中的难点是函数.对象和继承,前面已经介绍过函数系列.从本系列开始介绍对象部分,本文是该系列的第一篇——初 ...

  8. 《javascript权威指南》读书笔记——第一篇

    <javascript权威指南>读书笔记——第一篇 金刚 javascript js javascript权威指南 由于最近想系统学习下javascript,所以开始在kindle上看这本 ...

  9. 深入理解javascript作用域系列第一篇——内部原理

    × 目录 [1]编译 [2]执行 [3]查询[4]嵌套[5]异常[6]原理 前面的话 javascript拥有一套设计良好的规则来存储变量,并且之后可以方便地找到这些变量,这套规则被称为作用域.作用域 ...

随机推荐

  1. 隐藏ion-nav-back-button的文字

    <ion-nav-bar class="bar-positive"> <ion-nav-back-button> </ion-nav-back-but ...

  2. Theme.AppCompat.Light无法找到问题

    使用adt开发新建一个Android app.选择支持的SDK版本号假设小于11(Android3.0)就会报例如以下错误. error: Error retrieving parent for it ...

  3. linux下yum安装maven

    Maven 官网:http://maven.apache.org/ 源码安装 http://mirrors.hust.edu.cn/apache/maven/maven-3/3.3.9/binarie ...

  4. Git--Bug解决篇

    Git--公司bug解决篇 作为程序员,我们时常遇到这样的场景,公司的产品上线了,程序员们美滋滋的开始开发新功能希望得到更多的流量.这时候,公司上线的产品发生了很严重的bug,可是我们已经在这个bug ...

  5. 查看Android源码和源码布局

    一.查看源码 1.https://github.com/android 2.http://grepcode.com/project/repository.grepcode.com/java/ext/c ...

  6. rm 命令简要

    rm   单独使用只能删除文件不能删除文件夹    rm -r 可以删除文件夹和文件 1.rm   test.txt   删除文件 2.rm   -r   test.txt   每次删除的时候都询问是 ...

  7. hibernate单向多对一映射

    n21: 1.new 两个实体类,一个代表"多"的一端,一个代表"一"的一端. Customer类: public class Customer { priva ...

  8. MIC性能优化策略

    MIC性能优化主要包括系统级和内核级:系统级优化包括节点之间,CPU与MIC之间的负载均衡优化:MIC内存空间优化:计算与IO并行优化:IO与IO并行优化:数据传递优化:网络性能优化:硬盘性能优化等. ...

  9. JQuery不能加载click事件的问题

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  10. 查看硬盘负载情况：iostat命令

    Linux系统中的 iostat是I/O statistics(输入/输出统计)的缩写,iostat工具将对系统的磁盘操作活动进行监视.它的特点是汇报磁盘活动统计情况,同时也会汇报出CPU使用情况.同 ...