JavaScript
JavaScript原名是livescript,是由美国网景开发的一种用于对网页操作的脚本语言
网页操作(图片切换)
脚本语言(不需要编译 sql,html,css,javascript,由某种解释器直接可以运行)
livescript也是面向对象的,后来sun公司与其合作,将名字改为JavaScript
JavaScript与Java是两种不同语言
JavaScript是嵌入网页中,对网页进行各种操作,是一种脚本语言
java是一种后端的高级语言,是需要编译的
JavaScript与css、HTML的区别
- HTML是网页的基本内容(标签、文本)
- css是网页外观(样式)
- JavaScript(js)是网页的动态效果
js的数据类型
- 数值型
- bool型
- 字符串型
- undefined型
- 对象类型
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()"/>