一.基础语法
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(变量名)