JavaScript的书写方式
JS的书写方式有两种
1 页内JS:在当前网页的script标签中编写
<script type = "text/javascript">
</script>
2 外部JS
<script scr="index.js"></script>
JavaScript基本语法:数据类型,输出,基本数据类型运算,数组及数组的基本操作,JS常见的类库。。。(都是写在.html文件中的)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02-JS的基本语法</title>
<script type="text/javascript">
//1.基本的语法
var age = 18; //number
var money = 100.00; //number
var name = 'jack'; //string
var name2 = 'rose'; //string
var result = true; //false boolean
var number = null; //object
var number2 = undefined;//undefined
//2.输出
console.log(age,money,name,name2,result,number,number2);
//3.变量的真是类型 typeof
console.log(typeof age,typeof money,typeof name,typeof name2,typeof result,typeof number,typeof number2);
//4.基本数据类型运算
//遵循的规律:运算是从左往右;任何类型的变量与string类型的变量拼接就会被强转为string
//4.1 字符串的拼接
var newName= name + '-' + name2;
console.log(newName);
//4.2 题目
var str1 = 10 + 10 + '10';//2010
var str2 = '10' + 10 + 10;//101010
var str3 = (10 + '10') + 10;//101010
console.log(str1,str2,str3);
//5.数组
var numbers = [-10,'san',name,result,number,['haha','hehe']];
//5.1 遍历数组
for (var i = 0;i<numbers.length;i++){
console.log(numbers[i]+ '-' +i);
}
for(var i in numbers){
console.log(i,numbers[i]);
}
//5.2 JS中常见的属性
//删除数组中最后一个内容
numbers.pop();
numbers.push('vinch');
for(var i in numbers){
console.log(i,numbers[i]);
}
//6.JS常见的类库 Math
var numsArr = [10,212,3223,32];
var maxNum = Math.max(10,21,210);
var newMaxNum = Math.max.apply(this,numsArr);
console.log(maxNum);
console.log(newMaxNum);
</script>
</head>
<body>
<!--<button onclick="alert('点了')">点我啊</button>-->
</body>
</html>
生敲完这些代码,感觉这些JS的语法还是比较容易记忆的,基本上敲一遍都记住了。
未完待续。。。
网友评论