1.1 介绍
HTML、CSS用于实现静态网页,网页的存在是为了给用户使用的,那因此就需要有交换数据的存在,这种交换就是动态HTML(JavaScript+html+css)
JavaScript是脚本语言,用的是面向对象的思想
JS的三种引入方式
1.写在标签上,使用javascript;
2.内联样式,使用script标签表示
3.外联样式,使用script标签进行引入(.js文件)
JavaScript基本语法(数据类型)
属性 boolean number string object undefined
描述 true或flase 数字类型 字符串类型 对象(function、null) 未定义
基础语法
// 在JS里面的很多东西都是和java一样的
// 控制台输出
console.log("hello js","你好 JS")
// 定义变量 es5 var es6 let,const(修饰常量)
// 在JS里面的number,Number类型代表的是所有数字不区分小数和整数
// 在JS里面Sting类型,不区分单双引号,没有字符和字符串的区别
// 在JS里面Object类型,叫对象,函数类型是Object,空的类型也是Objeck,json对象也是<object>
// 在JS里面未定义类型,理解:java里局部变量未初始化操作会报错,跟JS里面的一样。
// 在JS里面的函数就是java中的方法
基础变量的定义和赋值
var count=1;
var name="小白";
let bool=true;
let un;
let obj=null;
console.log(count,name,bool,un,obj);
// typeof 判断数据类型
console.log(typeof count,typeof name,typeof bool,typeof un,typeof obj)
// +
let num=1;
let numStr=num+"";
console.log(typeof num,typeof numStr);
// -在JS中又自动转换类型的作用
let str="123";
let strNum=str-0;
console.log(typeof str,str+1,typeof strNum,strNum+1);
// /
//JS中的除号是取确定值,++和--和Java中的一样
let a=5;
console.log(a/2,a++);
// == 和 ===的区别
// ==只判断值是否相等,===先判断类型再判断值是否相等
console.log("123"==123);
console.log("123"===123)
let strTest="123";
let numTest=123;
console.log(strTest==numTest);
// if字符串与数字在进行判断时会自动进行类型转换
let score=98;
if(score>90){
console.log("优秀");
}else{
console.log("just so so")
}
// switch
let season="冬季";
switch(season){
case "冬季":
console.log("有点冷");
break;
case "夏季":
console.log("比较热");
break;
default:
console.log("请输入正确的值");
break;
}
let bool=true;
switch(bool){
case true:
console.log(true);
break;
}
// for
for(var i=0;i<5;i++){
console.log("hello"+i);
}
console.log("循环外:"+i);
// while
let x=5;
while(x>0){
console.log("while:"+x);
x--;
}
// java中每个大括号都是一个作用域,所以规定的for中的变量不能再循环外使用的
// es5规定,变量只有在方法或类中才有作用域
// es6中使用let定义的变量是严格区分作用域的,和java中一样
for(let x=1;x<10;x++){
for(let y=1;y<=x;y++){
document.write(y+"*"+x+"="+(x*y)+" ")
}
document.write("<br/>")
}
JS和JAVA中的语法和很多语句都是一样的,只不过定义变量的类型和Java不太一样