JavaScript基础知识(一)

JavaScript 极简介

  1. 由于网景公司希望能在静态HTML页面上添加一些动态效果,于是设计了JavaScript语言。
  2. 为什么起名叫JavaScript?原因是当时Java语言非常红火,所以网景公司希望借Java的名气来推广,但事实上基本没啥关系。
  3. JavaScript 是脚本语言

    JavaScript 是一种轻量级的编程语言。

    JavaScript 是可插入 HTML 页面的编程代码。

    JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

    JavaScript 很容易学习。

快速入门

在 HTML 页面中插入 JavaScript有二种方法

把脚本直接写在 <script> 与 </script> 标签之间

<script> 与 </script> 标签可被放置在 HTML 页面的 <body> 和 <head> 部分中。

<script> 标签

如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

<script> 和 </script> 会告诉 JavaScript 在何处开始到何处结束。

<script> 和 </script> 之间的代码行包含了 JavaScript脚本。

<!DOCTYPE html>
<html>
    <head>
        <script>
            脚本内容
        </script>
    </head>

    <body>
        <script>
            脚本内容
        </script>
    </body>
</html>

把脚本保存到外部文件中,外部 JavaScript 文件的文件扩展名是 .js

如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件

<!DOCTYPE html>
<html>
    <head>
         <script src="myScript.js"></script>
    </head>
    <body>
        <script src="myScript.js"></script>
    </body>
</html>

JavaScript 的注释

JavaScript 不会执行注释。我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。

单行注释以 // 开头,到行尾的内容不会被执行。

多行注释(文档注释)以 /* 开始,以 */ 结尾。两者之间的所有内容都不会被执行。

<script>
    var a = 1; //这是单行注释不会执行
    /*
    这些是多行注释
    不会执行
    也称为文档注释
    */
    document.white(a);
</script>

JavaScript 的语句语法

JavaScript 语句是向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

浏览器会按照编写顺序来执行每条语句。

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

JavaScript 代码块

JavaScript 语句通过代码块的形式进行组合。

块由左花括号开始,由右花括号结束。

块的作用是使语句序列一起执行。

JavaScript 函数是将语句组合在块中的典型例子。

function myFunction() {
    document.white=("Hello World");
    document.white=("How are you?");
}

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

a 与 A 是不同的。

对代码行进行折行

您可以在文本字符串中使用反斜杠对代码行进行换行。

document.write("Hello \
    World!");

提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。

JavaScript 的数据类型和变量

在JavaScript中定义了以下几种数据类型: 

1. Number: JavaScript不区分整数和浮点数,统一用Number表示 

2. 字符串: 字符串是以单引号’或双引号”括起来的任意文本 

3. 布尔值:布尔值只有truefalse两种值.与、或、非 分别用 &&,||,!表示 

4. 数组: 数组是一组按顺序排列的集合,集合的每个值称为元素。JavaScript的数组可以包括任意数据类型。[1, 2, 3.14, 'Hello', null, true];,new Array(1, 2, 3); 

5. 对象:JavaScript的对象是一组由键-值组成的无序集合。对象的键都是字符串类型,值可以是任意数据类型。每个键又称为对象的属性。获取一个对象的属性,我们用对象变量.属性名的方式

  • JavaScript允许对任意数据类型做比较
  • 相等运算符:==比较会转换数据类型后比较,===比较不会转自动换数据类型,直接比较
  • NaN这个特殊的Number与所有其他值都不相等,包括它自己
  • 唯一能判断NaN的方法是通过isNaN()函数
  • 数组的元素可以通过索引来访问。索引的起始值为0
  • 申明一个变量用var语句,变量名也可以用中文,但是,请不要给自己找麻烦。

JavaScript 变量

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐$
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

提示:JavaScript 语句和 JavaScript 变量都对大小写敏感。

声明(创建) JavaScript 变量

在 JavaScript 中创建变量通常称为“声明”变量。

我们使用 var 关键词来声明变量:

var name;    //声明一个变量
var name1 = "myname"  //声明一个变量并赋值
您可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:
var name="Gates", age=56, job="CEO";

猜你喜欢

转载自blog.csdn.net/SQA_STAR/article/details/80723901