一.基础语法
1、javaScript引入方式
JavaScript的3种引入方式:
外部JavaScript
内部JavaScript
元素事件JavaScript
外部JavaScript:指的是把HTML代码和JavaScript代码单独放在不同的文件中,然后在HTML文档中使用“script标签”来引入JavaScript代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!--1.在head中引入-->
<script src=”index.js”></script>
</head>
<body>
<!--2.在body中引入-->
<script src="index.js"></script>
</body>
</html>
内部JavaScript:指的是把HTML代码和JavaScript代码放在同一个文件中。其中,JavaScript代码写在<script></script>标签对内
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!--1.在head中引入-->
<script>
……
</script>
</head>
<body>
<!--2.在body中引入-->
<script>
……
</script>
</body>
</html>
元素事件JavaScript:指的是在元素的“事件属性”中直接编写JavaScript或调用函数
2、变量与常量
变量
在JavaScript中,如果想要使用一个变量,我们一般需要两步:
1.变量的声明
2.变量的赋值
变量命名,我们需要遵循以下2个方面的原则:
变量由字母、下划线、$或数字组成,并且第一个字母必须是字母、下划线或$
变量不能是系统关键字和保留字
var 变量名=值;
常量:定下来的不能随便改的数
var DEBUG = 1
3、数据类型
js有5大数据类型:
关键字 | 说明 |
---|---|
number | 数值型:包括整数和浮点数 |
boolean | 布尔类型:true / false |
string | 字符串:包含字符和字符串。可以使用双引号或单引号 |
object | 对象类型:JS内置对象或自定义对象 |
undefined | 未初始化,未知类型 |
js是弱类型语言,定义一个变量可以赋值为不同的数据类型
java与js数据类型对比
数据类型 Java中定义变量 JS中定义变量
整数 int i = 5; var i = 5;
浮点数 float f = 3.14; 或 double d=3.14; var f = 3.14; 或 var d=3.14;
布尔 boolean b = true; var b = true;
字符 char c = ‘a’; var c = ‘a’;
字符串 String str = “abc”; var str = “abc”;
typeof操作符
typeof用于判断某个变量数据类型,返回这种数据类型的名字
写法一:
typeof 变量名
写法二
typeof(变量名)