JavaScript入门(一)

什么是JavaScript

JavaScript是一种描述语言，基于对象和事件驱动的脚本语言
特点：
　　脚本语言(一种轻量级的编程语言)
　　一种解释性语言(无需预编译，从上到下逐行运行)
　　被设计为向HTML页面添加交互行为
　　运行于客户端

Java和JavaScript的关系

这就是你和猪的关系，没有半毛钱关系
为什么取名为JavaScript？
　　当时Java正火，简单的理解为蹭热度即可

JavaScript的组成

ECMAScript是JavaScript的基础,也就是标准
DOM(Document Object Model文档对象模型)
　　HTML和XML的应用程序接口
　　把整个页面规划为层级式的节点结构
BOM(Browser Object Model浏览器对象模型)
　　可对浏览器窗口进行访问和操作
　　例如Window对象
　　Navigator对象
　　Screen对象
　　History对象
　　Location对象

JavaScript基本语法和引用方式

<script type = "text/javascript">
	//js代码
</script>

JavaScript的3中引用方式(和css引用一样)
　　1.HTML标签中引用
　　2.script标签中引用
　　3.外联JS文件

JavaScript的三种弹框

<script type="text/javascript">
	alert("你好");  //第一种弹框  可以完成简单的运算
	prompt("请输入内容"); //带文本框的弹框，可输入内容，返回值为输入的内容
	confirm("你确定吗？"); //确认框 返回值为true或者false
	//三个框都可以完成简单的运算 例如
	alert(3*8);  //弹框出现24
	prompt(3*7); //弹框出现21，然后还有一个可输入的文本框
	confirm(3*9);//弹框出现27，但是此时没有确认或者取消按钮
</script>

JavaScript的变量

JavaScript变量用于保存值，保存表达式
变量名对大小写敏感，Y和y是两个变量
变量名必须以字母或者下划线或者$符开头，不能使用关键字
变量的声明
关键字 var； var num = 10;//声明一个变量，且初值为10

JavaScript的数据类型

Undefined 该类型只有一个值，就是undefined，指未定义或者未赋值
Null　　表示不存在该对象
Number 整数和浮点数
Boolean 布尔型，true/false
String　 字符型
　
typeof运算符
由于声明变量的时候都是var …
当你需要知道这个变量是什么类型的时候，就需要使用typeof来确定
typeof的返回值为
　　undefined　未赋值
　　string　　字符串
　　boolean　布尔类型true/false
　　number　数值，整数或者浮点数
　　function　函数方法
　　object　　对象或者数组或者null类型

数值类型转换

parseInt():字符串转换为整数
parseFloat();字符串转换为浮点数
toString(); 返回字符串
　
Boolean();转换为逻辑值
Number();对象转化为数字
String();对象转化为字符串

JavaScript中函数的定义

关键字:function

//函数的使用与java中方法类似
function 函数名(参数1，参数2){
	//函数代码块 
}
//实例
function myFunction(name,age){
	alert(name);	
	alert(age);
}
myFunction(name,age);//调用函数，传入实参 name和age
//也可以有ruturn值
function myFun(name){
	return(name+"说你好") 
}
var str = myFun("Tom");//将返回值赋值给str

JavaScript的事件

常用事件：
　　onload：当页面加载完毕时触发事件
　　onfocus：当控件获得焦点是触发事件
　　onchange：当控件的值被改变是触发事件
　　onmouseover：当鼠标悬浮在某个控件上时触发事件
　　onmouseout：当鼠标离开某个控件时触发事件
　　onclick：单击时触发事件
　　ondbclick：双击时触发事件

<div onclick="javascript:alert('我被点击了');"  style="height:100px">
</div>  <!--点击时弹出框-->