JavaScript入门

JavaScript入门

Script标签

HTML中的脚本中必须位于之间，脚本可被放置在HTML页面的和部分中

JavaScript引入方式

直接将JavaScript代码写入

<script type="text/javascript">
这里写JS代码
</script>

外部引入方式

需要创建一个.js文件，在里面书写JavaScript代码，然后在HTML文件中通过script标签的src属性引入该外部的js文件

<script type="test/javascript" src="引入js文件（相对路径）"></script>

如果script通过src属性引入了外部的文件，那么写在这个script标签下的js代码就不会执行了

JavaScript输出

window.alert() 弹出警告框

document.write() 将内容写到HTML文档中

innerHTML 写到HTML文档中

console.log() 写入到浏览器的控制台

流程控制

if…else

只有当指定条件为true时，该语句才会执行代码

if(条件){
当条件为true时执行的代码
}
else{
当条件不为true时执行的代码
}

switch

switch语句用来选择要执行的多个代码块之一

switch(n){
	case 1:
		执行代码块1
		break;
	case 2:
		执行代码块2
		break;
	default:
		n与case 1和case 2不同时执行的代码
}

while

while 循环会在指定条件为真时循环执行代码块

while(条件){
	需要执行的代码
}

do…while

do…while循环是while循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环

do{
	需要执行的代码
}while(条件);

for

使用后会一遍又一遍的运行相同的代码，并且每次的值都不同。

for(var i=10;i>=20;i++){
docunment.write(i + <br>);
}

JavaScript变量作用域

局部变量

在JavaScript函数内部声明的变量（使用var）是局部变量，只能在函数内部访问，并且该变量的作用域是局部的

//此处不能调用 name 变量
function fun(){
	var name = "kk"
	//函数内可调用name变量
}

全局变量

在函数外声明的变量是全局变量，页面上所有的脚本和函数都能够访问他

var name = "kk";
function fun2(){
	//函数内可调用name变量
}

向未声明的JavaScript变量分配值

如果把值赋给尚未声明的变量，该变量将自动作为全局变量声明

name = "居八戒"

将声明一个全局变量name，即使他在函数内执行

//此处可调用name变量
function fun3(){
	name = "熏悟空"
	//此处可调用name变量
}

• 变量生命周期

  • 局部变量：在函数运行后会删除

  • 全局变量：在页面关闭后会删除
    函数参数是局部变量

Function 对象（方法）

Function类可以表示开发者定义的任何函数

函数是由时间驱动的或者当它被调用时执行的可重复使用的代码块，或者完成莫格特定功能的代码块

函数语法

创建语法1：

//不常用
var fun = new Function();

创建语法2：

function funName(参数1,参数2){
	//执行代码
}

创建语法3：

var 方法名 = function(参数){方法体}

​ 求和函数

function sum(a,b){
	return a + b;
}

注意

1. 方法定义时，形参的类型不用写，返回值类型也不写

2. 方法只是一个对象，如果定义名称相同的函数，那么后定义的函数会覆盖之前定义的方法；方法的调用只与方法名有关，和参数无关

3. JS将方法的参数封装到了名为 arguments的数组中

tml
function sum(a,b){
return a + b;
}

### 注意

1. 方法定义时，形参的类型不用写，返回值类型也不写

2. 方法只是一个对象，如果定义名称相同的函数，那么后定义的函数会覆盖之前定义的方法；方法的调用只与方法名有关，和参数无关

3. JS将方法的参数封装到了名为 arguments的数组中