JavaScript 使用

 

JavaScript 是一种轻量级的编程语言，JavaScript 是可插入 HTML 页面的编程代码，JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

        HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

使用JS的三种方式
.在html标签中直接使用内嵌JS,并不提倡使用
不符合W3C内容与行为分离的要求。

. 在HTML页面中使用script标签包裹JS代码，
 script标签可以放到页面的任何位置

.引入外部的js文件，使用script标签

JS语句

JavaScript If...Else 语句

 

  • if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
  • if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
  • if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
  • switch 语句 - 使用该语句来选择多个代码块之一来执行

  • JavaScript Switch 语句

    请使用 switch 语句来选择要执行的多个代码块之一

工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

switch(n)

{

case 1:

  break;

case 2:

  break;

default:

}

JavaScript For 循环

如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。

document.write(cars[0] + "<br>");

document.write(cars[1] + "<br>");

document.write(cars[2] + "<br>");

document.write(cars[3] + "<br>");

document.write(cars[4] + "<br>");

document.write(cars[5] + "<br>");

JavaScript While 循环

只要指定条件为 true，循环就可以一直执行代码。

while 循环

While 循环会在指定条件为真时循环执行代码块。

语法

while (条件)

  {

  需要执行的代码

  }

JavaScript Break 和 Continue 语句

break 语句用于跳出循环。

continue 用于跳过循环中的一个迭代。

Break 语句

我们已经在本教程稍早的章节中见到过 break 语句。它用于跳出 switch() 语句。

break 语句可用于跳出循环。

break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）：

实例

for (i=0;i<10;i++)

  {

  if (i==3)

    {

    break;

    }

  x=x + "The number is " + i + "<br>";

  }

JavaScript 变量

1.与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。

变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

2.变量名的命名要求
①变量名只能用 字母 数字 下划线组成。
②开头不能是数字。
③变量名区分大小写，大写字母与小写字母为不同变量。（纯大写字母一般用来表示常量）

3. 变量名的命名规范
①符合小驼峰法则（驼峰法则） 多个单词组成是变量名，除第一个字母小写，之后每个单词首字母大写。
myNameIsLi
②或者使用 匈牙利命名法 ，所有字母小写，单词之间用下划线分隔 _ .

4. JS中的数据类型 （记住）
① Undefind 未赋值 ，已经使用var声明的变量但是没有赋值。
② Nall 表示空的引用
③ Boolean 布尔类型。表示真假 ture 、flase。
④Number 数值类型 ，可以是整数，可以是小数、
⑤String 字符串类型，用" " 或 '' 包裹
⑥Object 对象类型

JavaScript 数据类型

使用 var 关键词来声明变量：

var carname;

变量声明之后，该变量是空的（它没有值）。

如需向变量赋值，请使用等号：

carname="Volvo";

不过，您也可以在声明变量时对其赋值：

var carname="Volvo";

JavaScript 变量还能保存其他数据类型，比如文本值 (name="Bill Gates")。

在 JavaScript 中，类似 "Bill Gates" 这样一条文本被称为字符串。

JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串。

当您向变量分配文本值时，应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。

JavaScript 运算符

算术运算(单目运算符)
         + ， - ， * ， /（保留小数） ， % ， ++ 自增， --自减
          + 加法运算、连接字符串 ，除加号外其余符号会先尝试将左右两边转Number

[a++/ ++a的异同]、（--同理）

a=1 b= a++ +2 >>>b=3 a=2 先用a的值执行加法 ，再把a自加 。
c= ++a +2 >>>5 先执行a自增，再进行加法

赋值运算
         = += -= *= /= %=
           =： 赋值；
           +=：a+=b ；相当于 a=a+b；

关系运算
      == ， ！= ， > ， < ， >= ， <=
          》关系运算符运算之后的结果是boolean类型 ture/flase。
         》 判断一个数字是否处于某个区间必须用 && 链接。
         == 等于 ，类型相同直接判断 ，类型不同时会尝试将两边转为Number再判断。
         ！= 不等于
           === 严格等于 数值类型都必须相同，类型不同结果为false，类型相同再进行下一步判断。
           ！== 不严格等于

条件运算符(多目运算)
         a>b?true:false

有两个重要符号 ？和：
当问号前面的部分结果为ture 执行：前面的代码，flase 执行：后面的代码，：两边可以为数值，则整个式子可用于赋值。冒号两边为代码块，将直接执行代码。
多目运算可以多层嵌套

位运算符、 逻辑运算符
         &&、||、！

运算符的优先级
()
! ++ --
* / %
+ -
> < >= <=
== !=
&& 与或同时存在时与比或高
||
= += *= /= 最低的是各种赋值

JavaScript 的使用基础总结①的更多相关文章

  1. JavaScript学习02 基础语法

    JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.s ...

  2. 从头开始学JavaScript 笔记(一)——基础中的基础

    原文:从头开始学JavaScript 笔记(一)--基础中的基础 概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成   javascript   ECMASc ...

  3. javascript之正则表达式基础知识小结

    javascript之正则表达式基础知识小结,对于学习正则表达式的朋友是个不错的基础入门资料.   元字符 ^ $ . * + ? = ! : | \ / ( ) [ ] { } 在使用这些符号时需要 ...

  4. JavaScript中的基础测试题

                                                                                                    Java ...

  5. php面试专题---12、JavaScript和jQuery基础考点

    php面试专题---12.JavaScript和jQuery基础考点 一.总结 一句话总结: 比较常考察的是JavaScript的HTML样式操作以及jQuery的选择器和事件.样式操作. 1.下列不 ...

  6. 100多个很有用的JavaScript函数以及基础写法大集合

    100多个很有用的JavaScript函数以及基础写法大集合 1.document.write("");为 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:docume ...

  7. JS获取url中query_str JavaScript RegExp 正则表达式基础详谈

    面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1 1.window.location.href(设置或获取整个 URL ...

  8. JavaScript ： 零基础打造自己的类库

    写作不易,转载请注明出处,谢谢. 文章类别:Javascript基础(面向初学者) 前言 在之前的章节中,我们已经不依赖jQuery,单纯地用JavaScript封装了很多方法,这个时候,你一定会想, ...

  9. 玩转JavaScript OOP[0]——基础类型

    前言 long long ago,大家普遍地认为JavaScript就是做一些网页特效的.处理一些事件的.我身边有一些老顽固的.NET程序员仍然停留在这种认知上,他们觉得没有后端开发肯定是构建不了系统 ...

  10. JavaScript学习笔记-基础语法、类型、变量

    基础语法.类型.变量   非数字值的判断方法:(因为Infinity和NaN他们不等于任何值,包括自身) 1.用x != x ,当x为NaN时才返回true; 2.用isNaN(x) ,当x为NaN或 ...

随机推荐

  1. 推荐两款Windows管理工具

    1.babun(cgywin) 一款包含cgywin的类似linux shell的软件,熟练linux脚本的小伙伴们,一定会在她身上找到快感. 2.pslist 微软官方的一款很强大的bat脚本,很实 ...

  2. [NOIP 2010]饮水入城 搜索+贪心

    考试的时候写了个dfs找出来了,最后处理的时候想到了贪心,但是正确性没有想通.然后想了想动规,也没想通.最后没办法,用状态的话用了个状压,弄了40分. 正解是bfs+贪心.Dfs也有过的. 下面题解引 ...

  3. Linux 日常常用指令

    最近搞了一个阿里ECS,CentOS7,涉及到一些基本的Linux指令,在这里总结一下,在搭环境中常用的一些指令,熟悉这些指令就基本能够使用CentOS进行日常操作了. 更多的可以参考系统自带的  “ ...

  4. linux C语言处理正则表达式

    Linux下C语言处理正则表达式——regex.h 具体函数介绍 编译正则表达式函数 int regcomp(regex_t *preg, const char *regex, int cflags) ...

  5. Angular 小试牛刀[1]:Getting Started

    首先,Angular2 与 Angular1.x 版本没有多大关系,甚至可以说是两个完全不一样的框架,故 Angular 指的是 Angular2 及以上的版本.而 Angular 与 TypeScr ...

  6. Linux - 简明Shell编程11 - 调用脚本（CallTheScript）

    脚本地址 https://github.com/anliven/L-Shell/tree/master/Shell-Basics 示例脚本及注释 主脚本: CallTheScript.sh #!/bi ...

  7. HTML-CSS相关（1）

    一  浮动 1.标准流中的块级盒子,宽度将会自动伸展为100%而浮动的块级盒子,宽度不会自动伸展,而是由内容撑开. 2.当一个盒子浮动,标准流中未浮动的其他盒子,将视浮动盒子不存在而占据浮动盒子原来的 ...

  8. 记小白的一次基于vue+express+mongodb个人站开发

    学了vue和node一段时间了,折腾了一些零零散散的小东西.马上大四了要出去找工作了,所以早就想搭一个个人站作为一次较为全面的总结.因为没有设计功底,界面设计使我这种强迫症患者苦不堪言.幸而到最后花了 ...

  9. LINQ Distinct()

    using System; using System.Collections.Generic; using System.Linq; namespace LinqTest { class Progra ...

  10. 如何成为一个优秀的java程序员

    Java程序员有许多应遵循的守则或最佳实践方式.本文概述了每个开发者最应该遵循的10条守则或戒律,如果不遵循它们,将会导致灾难性后果. 1. 为代码添加注释(Add comments to your ...