JavaScript学习001：变量

1、js的组成

• ECMAScript 规定了js的编程语法和基础知识，是所有浏览器厂商共同遵守的一种JS语法

• DOM-文档对象模型 对页面的各种元素进行操作（大小、位置、颜色……）

• BOM-浏览器对象模型 操作浏览器窗口，比如弹出框、控制浏览器挑战、获取分辨率

2、JS三种书写方式

行内

<input type="button" value="提交" onclick="alert('提交成功')"/>

内嵌

	<script>
		alert("勇敢牛牛不怕困难")
	</script>

外部

<!-- 在html页面引入 -->
<script src="my.js"></script>

// 创建js文件
alert('勇敢牛牛不怕困难')

外部引用时，不允许再在script标签里写内容！

3、js注释

单行 // :ctrll+/(可自行修改)

多行注释 /* */ :shift +alt +a

4、js输入输出语句

方法	说明	归属
alert(msg)	浏览器弹出框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输入框、用户可以输入	浏览器

<script>
		// 这是输入框
		prompt('请输入电话')
		//弹出警示框
		alert('我要飞天')
		// 控制台输出给程序员看
		console.log('调试')
</script>

5、变量

变量就是装东西的盒子，是存放数据的容器，变量是程序在内存中申请的一块用来存放数据的空间。

变量的使用：1、声明变量 2、赋值

		var name='旗木卡卡西'
		var age=30
		var address='火影村'
		var email='kakaxi@hyc.cn'
		console.log(name,age,address,email)

练一练 1、弹出输入框，提示用户输入姓名 2、弹出对话框，输出刚才用户输入的姓名

		var myname=prompt('请输入名字')
		alert(myname)

tips:可以声明多个变量

var name='旗木卡卡西',
			age=30,
			address='火影村',
			email='kakaxi@hyc.cn'

6、声明变量的特殊情况

		// 只声明不赋值 undefined
		var sex;
		console.log(sex)
		// 不声明也不赋值 报错
		console.log(tel)
		//不声明但赋值 会变成全局变量不会报错
		sel=100
		console.log(sel)

7、变量命名规范

大小写有区别、由字母、数字、下划线、美元符号组成，不能以数字开头、不能是关键字和保留字例如var\for\while，采用驼峰命名

练一练 交换两个变量的值

		var a=10;
		var b=100;
		var temp;
		temp=a;
		a=b;
		b=temp;
		console.log(a,b)