发表于: 2018-12-01 17:53:18

2 869


今天完成的事:

学习JS的基础知识

明天计划的事:

继续学习JS的基础知识

遇到的问题:

解决办法:

收获:

DOM节点的获取方式其实就是获取事件源的方式
操作元素节点,必须首先找到该节点。有三种方式可以获取DOM节点:

    var div1 = document.getElementById("box1");      //方式一:通过 id 获取单个标签

如下图demo:



    var arr1 = document.getElementsByTagName("div1")【0】;     //方式二:通过 标签名 获得 标签数组,所以有s

如下图demo:

    var arr2 = document.getElementsByClassName("hehe")【0】;  //方式三:通过 类名 获得 标签数组,所以有s

如下图 demo:

 既然方式二、方式三获取的是标签数组,那么习惯性是先遍历之后再使用
特殊情况:数组中的值只有1个。即便如此,这一个值也是包在数组里的。这个值的获取方式如下:
    document.getElementsByTagName("div1")[0];    //取数组中的第一个元素
    document.getElementsByClassName("hehe")[0];  //取数组中的第一个元素


JavaScript 语法

在编程语言中,一般固定值称为字面量

数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。


字符串(String)字面量 可以使用单引号或双引号:


表达式字面量 用于计算(加减乘除都可以使用):


数组(Array)字面量 定义一个数组:

[40, 100, 1, 5, 25, 10]


对象(Object)字面量 定义一个对象:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}


函数(Function)字面量 定义一个函数:

function myFunction(a, b) { return a * b;}


JavaScript 变量


在编程语言中,变量用于存储数据值。

与代数一样,JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。

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

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

JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:

变量可以通过变量名访问。在指令式语言中,变量通常是可变的。字面量是一个恒定的值。

变量是一个名称。字面量是一个

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

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

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

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

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

一条语句中声明的多个不可以赋同一个值:

var x,y,z=1;

x,y 为 undefined(未定义), z 为 1。




JavaScript 操作符

JavaScript使用 算术运算符 来计算值:

JavaScript使用赋值运算符给变量赋值:



JavaScript 语句

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

在 HTML 中,JavaScript 语句向浏览器发出的命令。

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "y"


语句是用分号分隔

分号用于分隔 JavaScript 语句。

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

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

JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。

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

本例向网页输出一个标题和两个段落:


JavaScript 语句标识符

JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。

语句标识符是保留关键字不能作为变量名使用。

下表列出了 JavaScript 语句标识符 (关键字) :

空格

JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:

var person="Hege";

var person = "Hege";


对代码行进行折行

您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

document.write("你好 \

世界!");

不过,您不能像这样折行:

document.write \ 

("你好世界!");



JavaScript 关键字

JavaScript 关键字用于标识要执行的操作。

和其他任何编程语言一样,JavaScript 保留了一些关键字为自己所用。

var 关键字告诉浏览器创建一个新的变量:

JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。

JavaScript 关键字必须以字母、下划线(_)或美元符($)开始。

后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开关键字和数字)。

以下是 JavaScript 中最重要的保留字(按字母顺序):


JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 //   容将会被浏览器忽略(单行注释掉):

 /*  */   (段落注释)。




JavaScript 字母大小写

JavaScript 对大小写是敏感的。

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

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。































返回列表 返回列表
评论

    分享到