1.用法
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
一般情况下可分为内联与外联用法。
您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。
内联:通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
外联:新建一个后缀名为js的文件,用 <script src="./index.js"> </script>格式引入
2.Javascript的输出
JavaScript 可以通过不同的方式来输出数据:
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
三.变量
1.JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值
2.也可以使用let,const来定义,这三者的区别是:var与let涉及块级作用域,let 命令只在所在的代码块 {} 内有效,具体参考这里;const定义一个只读常量
(1)一般用var即可,let更推荐
var a; //声明
var a = 10; //初始化
a = 20 ; //赋值
(2)注意: 在JavaScript中,所有代码指令都会以分号结尾 (;)
3.JavaScript中数据类型主要有:
4.算数运算符主要有:
5.比较运算符主要有:
6.在常规的比较中,数据类型是被忽略的
var x = 10;
var y = "10";
if (x == y) //返回true,所以要用===
四.基本语法
1.条件语句
(1)if 语句只有当指定条件为 true 时,该语句才会执行代码。
if (condition)
{
当条件为 true 时执行的代码
}
(2)使用 if....else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。
if (condition)
{
当条件为 true 时执行的代码
} else
{
当条件不为 true 时执行的代码
}
(3)使用 if....else if...else 语句来选择多个代码块之一来执行。
if (condition1)
{
当条件 1 为 true 时执行的代码
} else if (condition2)
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和 条件 2 都不为 true 时执行的代码
}
(4)三目运算
let variablename = (condition)?value1:value2
condition成立则variablename = value1 否则value2
2.循环语句
JavaScript 支持不同类型的循环:
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
(1)for 循环
for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}
//语句 1 (代码块)开始前执行
//语句 2 定义运行循环(代码块)的条件
//语句 3 在循环(代码块)已被执行之后执行
(2)for/in遍历
for (x in 可遍历对象) // x 为属性名
{
执行代码块
}
(3)while 循环会在指定条件为真时循环执行代码块。
while (条件)
{
需要执行的代码
}
(4)do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。
do
{
需要执行的代码
}
while (条件);