JS概述
javaScript简称JS,是一门运行在客户端浏览器的脚本语言(无法独立运行的程序设计语言);是一门直译型语言(不需要编译),是一门客户端语言;
Javascript同时也是一门弱类型的程序语句,以及基于事件驱动的语言。
简单来说:JavaScript就是用来将静态页面变成动态页面,JS的脚本语言可以让一个页面拥有很多功能
关于强类型和弱类型:
java:
int i = 10;
String s = "java"
User u = new User();
i = true; //编译错误
注意:java中任何变变量再使用前需要声明其数据类型,任何的变量一旦确定其类型,则只能赋予对应类型的值,运行期间不能修改为其他类型的数据,因此Java是一门强类型语言,即不是一门动态语言
**javascript:
i = 10;
i = "js"
i = true;
i = new Array();
//variable变量
var j = 100;
var b = true;
var s = 3.14;
var str = "javascript";
javascript由于没有编译的过程,因此任何变量的数据类型确定是在运行期间动态绑定,并且还能再运行时修改其数据类型,因此,javascript是一门弱类型语言,即动态语言。
通过以上案例不难看出:java是一门服务端语言(经过编译后,直接执行)
javascript是一门客户端语言(不要编译,运行期间动态绑定,效率相对较低,不适合进行服务器开发)
所以JavaScript适合用来写脚本
JS使用场景
-
javascript一般用于对网页特效以及表单验证等涉及到网页动态效果的功能,例如:
-
下拉菜单
-
回到顶部
-
楼层导航
-
轮播图
-
表单验证
在HTML页面中,javascript一般位于一对script标签中
- 注意:
<script>
标签可以在html的任意位置进行编写,常见的区域主要出现在以下两个位置
- head标签对之间
- body标签结尾处(推荐)
常见引入方式
1.直接在html页面中使用内联<script>
标签编写
<html>
<head>
</head>
<body>
<script>
.....
</script>
</body>
</html>
2.引入外部的脚本文件(js文件)
<script src="js/js01.js"></script>
3.直接在html元素中使用内嵌的方式使用
<a href="javascript:alert('老铁666!!')">双击666</a>
在JavaScript中也存在数据类型
- 数值型(包含浮点型)
- 字符串型
- 布尔型
- 数组
- 对象
- null
- undefined
数值类型(number)
javascript中对于任何的数值都是使用的number的数据类型表示,没有所谓浮点型和整型之分:
var i = 10;
console.log(typeof i);//number
var f = 3.14
console.log(typeof f);//number
//typeof是一个js中的一个运算符,判断指定变量是什么类型
字符串类型(string)
javascript中对于所有的字符字符串统一使用string来表示,即没有字符和字符串之分,在js中可以使用单引号或者双引号表示字符串类型:
var s = "中";
s = '中国';
console.log(typeof s);//string
布尔类型(boolean)
javascript中也存在boolean类型,取值也只能是true和false,但是js中可以将任何的变量转换为boolean类型
var b = false;
console.log(typeof b); //boolean
var a = 0;
console.log(new Boolean(a));//false
对象类型(object)
javascript中的对象有多种存在形式,其中一种比较常见的显示方式为类Java中map结构(键值对),在js中称之为json对象
//对象(JSON对象)
//java: People p = new People()
var p = {
id:1,
name:"张麻子",
sex:"男",
age:18,
marry:false,
group:{
gid:1001,
name:"vip1"
},
fun:['java','c','php','python']
};
console.log(typeof p);
console.log(p.name);