JavaScript是一门世界上最流行的脚本语言。JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。JavaScript操作DOM的本质是=获取+触发+改变。script脚本推荐放在最下边好处:防止因网络问题,页面加载时间长,出现空白;即便网络问题,浏览器也把DOM加载渲染完成,等待从服务端下载完js脚本,出现效果。
JavaScript特点:
- 向HTML页面中添加交互行为
- 脚本语言,语法和Java类似
- 解释性语言,边执行边解释
javascript基本语法
输出(alter、console)
window.alert('hello'); // 用于界面弹框
console.log('hello'); // 通常用于调试
变量
var x=5;
var y=6;
var z=x+y;
命名规则:
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
- 不能以特殊字符#,!/,@,+,-,*数字开头
浏览器控制台使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--javascript严格区分大小写-->
<script>
//1. 定义变量 (变量类型 变量名 = 变量值;)
var score = 1;
// alert(num);
//2. 条件控制
if (score>60 && score<70) {
alert("60~70");
} else if(score>70 && score<80) {
alert("70~80");
} else {
alert("other");
}
//console.log(score); 在浏览器的控制台打印变量 相当于System.out.println();
</script>
</head>
<body>
</body>
</html>
引入JavaScript
- 内部标签
<script>
alert('hello,world')
</script>
- 外部引入
我的第一个JavaScript程序.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--script标签内,写javaScript代码-->
<!--<script>
alert('hello,world')
</script>-->
<!--外部引入-->
<!--注意:script标签必须成对出现-->
<script src="js/qj.js"></script>
<!--不用显示定义type,也默认就是JavaScript-->
<script type="text/javascript"></script>
</head>
<body>
</body>
</html>
其中,type of可以用来检测变量的数据类型
数据类型的转换
1. 转换为字符串
to String() 转成字符串 String() 强制转换 加号拼接字符串
2. 转换为数字型
parseInt(String)函数 将string类型转成整数数值型 parseFloat(string)函数 将string类型转成浮点数数值型 Number()强制转换函数 将string类型转换为数值型 js隐式转换(- * /) 利用算术运算隐式转换为数值型
3. 转换为布尔型
代表空、否定的值会被转换为false,如:' '、0、null、undefined 其余值都会被转换为true