原生JS基础

目录

页面外部链接

css链接：

js链接：

页面图标链接(favicon.ico)：

js原生

输出打印：

变量：

数据类型：

 1.数字类型(number):

  2.字符串类型(string):

 3.布尔型(boolean)：

 4.空(null)：

5.未定义(undefined)：

6.对象(Object)：

 变量的自增自减：

自增：

自减：

 运算符号

 运算符简写：

 判断

 与或非(与：&&、或：||、非：!)： 

循环

 数组

1.数组的长度：

2.数组的下标：

---

页面外部链接

css链接：

<link rel="stylesheet" type="text/css" href="./css/index.css"/>
//"./css/index.css"中
//css：文件夹的名字
//index：文件名
//.css：后缀名

js链接：

<script type="text/javascript" src="./js/index.js"></script>

页面图标链接(favicon.ico)：

<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">

js原生

js代码需要写在<script>js代码</script>里面

输出打印：

<script>
    document.write('hello')//展示在网页上
    console.log(12343546)//控制台输出
</script>

变量：

// 变量 容器 使用前需要先声明
var a=100;//声明全局变量
let b=20;//声明局部变量
console.log(a,b)

数据类型：

typeof()//用来检查类型的
例1：
let z = 'zhx';
document.write("z的类型是",typeof(z));

例1的结果：

 1.数字类型(number):

//number数字
let a=10.234532;
document.write("a的类型是",typeof(a))

  2.字符串类型(string):

//String字符串
let a='!#@$@!#你好hello214321';
document.write("a的类型是",typeof(a))

 3.布尔型(boolean)：

//Boolean布尔值
let a=true;
let b=false;
document.write("a和b的类型是",typeof(a,b))

 4.空(null)：

let a="";

5.未定义(undefined)：

let a;
document.write("a的类型是",typeof(a))

6.对象(Object)：

let a={};
document.write("a的类型是",typeof(a))

 

 变量的自增自减：

自增：

// a++;//先赋值再自增
// ++a;//先自增再赋值
let a = 10;
let b = ++a;
document.write("原来的值",a);
document.write("<br>")
document.write("自增之后的值",b)

 

自减：

// a--;//先赋值再自减少
// --a;//先自减再赋值
let a = 10;
document.write("原来的值",a);
let b = --a;
document.write("<br>")
document.write("自增之后的值",b)

 运算符号

// 加 除了计算还有拼接作用 有字符串
// 减乘除 在计算前会先进行转换
// parseInt()//转换整数的
// parseFloat()//转换小数
let a = 10.2345;
document.write(a,"转换成整数",parseInt(a),"转换回小数",parseFloat(a))
//运算
let b =20;
let c = 5.12345;
document.write("b+c=",b+c)
document.write("<br>")
document.write("b-c=",b+c)
document.write("<br>")
document.write("b*c=",b*c)
document.write("<br>")
document.write("b/c=",b/c)

 运算符简写：

let a=10;
let b=20;
let c=30;
let d=40;
a+=a;
b-=b;
c*=c;
d/=d;
document.write(a)
document.write("<br>")
document.write(b)
document.write("<br>")
document.write(c)
document.write("<br>")
document.write(d)

 

 判断

// if(判断条件){
// 	满足执行的
// }else{
// 	不满足执行的
// }
例:
var a=10;
if(a>10){
	console.log(1)
}else if(a>20){
	console.log(2)
}else{
	console.log(3)
}

 

 与或非(与：&&、或：||、非：!)： 

// 与&& 同时满足
let a=10;
if(a>2&&a>30){
	console.log(111)
}
if(a>2&&a<30){
		console.log(2222)
}

// 或|| 满足其中一个
let a=10;
if(a>2||a>30){
	console.log(111)
}

 

// 非! 不
let a=10;
if(a!=5){
	console.log(111)
}

循环

// console.log(666)
// console.log(666)
// console.log(666)
// console.log(666)
// for(循环的开始 循环的结束 循环要怎么执行){
// 	循环执行的事情
// }
for(let a=1;a<=4;a++){
    console.log(777)
}
for(let a=10; a>=5;a-=3){
	console.log(666)
}

 数组

1.数组的长度：

长度从1开始

var arr=[200,300,600,800,"hello","你好"];
console.log(arr)
console.log("长度"+arr.length)

 （6）：长度为6（length）

2.数组的下标：

下标从0开始

var arr=[200,300,600,800,"hello","你好"];
console.log(arr)//取所有
console.log(arr[4])//通过下标取值
console.log(arr[arr.length-1])//取最后一位