这是我参与「第五届青训营」伴学笔记创作活动的第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");