跟着月影学JavaScript | 青训营笔记

42 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第3天

1、JavaScript 概述:

  • JavaScript 是脚本语言。
  • JavaScript 是一种轻量级的编程语言。
  • JavaScript 是可插入 HTML 页面的编程代码。
  • JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
  • JavaScript 很容易学习。

2、JavaScript 使用:

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

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

<script>
alert("My First JavaScript");
</script>

3、JavaScript 输出:

例如直接将

元素写到 HTML 文档输出中:

<!DOCTYPE html>
<html>
<body>

<h1>木棉的第一张网页</h1>

<script>
document.write("<p>我的第一段 JavaScript</p>");
</script>

</body>
</html>

4、JavaScript 代码块:

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

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

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

function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}

5、分号 ;

  • 分号用于分隔 JavaScript 语句。

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

  • 使用分号的另一用处是在一行中编写多条语句。 6、JavaScript 对大小写的敏感。

  • JavaScript 对大小写是敏感的。

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

  • 函数 getElementById 与 getElementbyID 是不同的。

  • 同样,变量 myVariable 与 MyVariable 也是不同的。 7、JavaScript 注释

JavaScript 不会执行注释。

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

(1)单行注释以 // 开头。

// 输出标题:
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
// 输出段落:
document.getElementById("myP").innerHTML="This is my first paragraph.";

(2)多行注释以 /* 开始,以 */ 结尾。

/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
document.getElementById("myP").innerHTML="This is my first paragraph.";

8、JavaScript 数据类型:

(1)JavaScript 字符串

字符串是存储字符的变量。

字符串可以是引号中的任意文本。可以使用单引号或双引号:

var carname="Bill Gates";
var carname='Bill Gates';

(2)JavaScript 数字

JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:

var x1=34.00;      //使用小数点来写
var x2=34;         //不使用小数点来写

(3)JavaScript 布尔

布尔只能有两个值:true 或 false。

var x=true
var y=false

(4)JavaScript 数组

例如创建名为 cars 的数组:

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
var cars=new Array("Audi","BMW","Volvo");