JavaScript初学心得

JavaScript

JavaScript原名是livescript，是由美国网景开发的一种用于对网页操作的脚本语言

网页操作（图片切换）

脚本语言（不需要编译 sql,html,css,javascript,由某种解释器直接可以运行）

livescript也是面向对象的，后来sun公司与其合作，将名字改为JavaScript

JavaScript与Java是两种不同语言

JavaScript是嵌入网页中，对网页进行各种操作，是一种脚本语言

java是一种后端的高级语言，是需要编译的

JavaScript与css、HTML的区别

• HTML是网页的基本内容（标签、文本）
• css是网页外观（样式）
• JavaScript（js）是网页的动态效果

js的数据类型

1. 数值型
2. bool型
3. 字符串型
4. undefined型
5. 对象类型

js声明变量时：js的变量没有类型，直接使用var关键字声明即可，但是值有类型，给变量赋了什么值变量就是什么类型

js语句的调试

弹出窗：alert（）

alert()是js中内置好的一个对话框，在安装浏览器的时候，已经安装到电脑上了。

如图：

消息确定框:confirm()

var res=confirm("消息确定框")//确定返回true，取消返回false
			alert(res)

确认返回true，取消返回false

如图：

输入对话框：prompt（）

var input=prompt("输入对话框")
			alert(input)

如图：

控制台输出:console.log()

console.log("崔伟阳是我儿子")//控制台输出

返回参数数据类型：typeof()

			var a="1"
			alert(typeof(a))//返回参数数据类型为字符串型

字符串的计算：eval()

			var s="1+10+23"
			alert(eval(s))//计算出值为34

js的事件

onload()

• 用于中，待网页加载完成后才会加载

鼠标单击：onclick（）

<input type="button" value="单击事件" οnclick="test()"/>

鼠标双击：ondblclick()

<input type="button" value="双击事件" ondblclick="test()"/>

聚焦事件：onfocus()

<input type="text" onfocus="test()"/>

失焦事件：onblur（）

<input type="text" οnblur="test()"/>

鼠标移入标签：onmouseover()

<div onmouseover="test()">你好</div>

鼠标移出标签：onmouseout()

<div onmouseout="test()">再见</div>

输入框失去鼠标焦点且内容发生改变时触发事件 ：onchange()

<input type="text" onchange="test()"/>

ouseout=“test()”>再见

### 输入框失去鼠标焦点且内容发生改变时触发事件 ：onchange()

```javascript
<input type="text" onchange="test()"/>

document