目录
JS概述
JavaScipt:脚本语言，运行在浏览器上，是一门编程语言。由ECMAScript+DOM+BOM组成。主要操作HTML中的节点让网页产生动态效果的。
JS是一种事件驱动型的编程语言，发生某个事件后执行，且每个事件都有对应的事件句柄，所有事件句柄都是以标签属性形式存在。
DOM编程：通过JS对HTML中的dom节点操作
BOM编程：是对浏览器本身进行操作的，如前进、后退、地址栏等
在HTML中嵌入JS的方式
1、行间事件：在标签中使用事件句柄。如
<body>
<input type="button" value="按钮" onclick="alert("Hello 按钮")">
</body>在标签中使用onclick事件句柄，当点击按钮，此时发生点击事件，那么注册在onclick事件句柄中的JS代码会被执行。
JS代码弹窗：在JS中有一个内置BOM对象：window ，它是BOM顶级对象；它有一个函数:alert ：专门用来弹出对话框，即window.alert();
2、脚本块方式：以<script="text/script"></script>标签对的方式，在标签对中写JS代码，在页面打开时自上而下执行代码。
<script></script>标签对位置随意。
3、引入外部独立js文件
<body>
<script type="text/script" src="js/jquery.min.js">
</body>JS变量、函数、局部全局变量
变量
声明：var 变量名
赋值：变量名=值 未赋值的变量默认undefined
JS语言是一种弱类型的语言，在声明变量时不需要指定数据类型且类型可变。
函数
声明格式：function 函数名(形参列表){
函数体；}
注：函数被调用才能被执行
局部与全局变量
局部变量：在函数体内声明，函数被调用时分配空间，执行结束后销毁。
全局变量：在函数体外声明，在浏览器打开时分配空间，关闭时销毁。
JS中函数不能重载，当出现同名函数，之前的函数就消失了。
JS数据类型和typeof运算符
数据类型：Undefined，Number，String，Null，Boolean，Object
typeof运算符:可在JS代码运行中，动态的获取变量的数据类型
格式：typeof 变量名
运算结果：是以下6个字符串之一
"undifined" "number" "string" "boolean" "object" "function"
JS常用事件
1、失去焦点:blur
2、获得焦点:focus
3、鼠标单击:click
4、鼠标双击:dbclick
5、键盘按下:keydown
6、键盘弹起:keyup
7、鼠标按下:mouse down
8、鼠标经过:mouse over
9、鼠标移动:mouse move
10、鼠标离开:mouse out
11、鼠标弹起:mouse up
12、表单提交:submit
13、表单重置:reset
14、文本被选定:select
15、下拉列表选中项改变或文本框内容改变:change
16、页面加载完毕:load
注册事件的两种方式
方式一：在标签中使用事件句柄，在事件句柄后编写JS代码，当事件句柄对应的事件发生后，注册在事件句柄中的代码将被监听器调用和执行。
回调函数：不由程序员自己调用，只是在页面打开时完成对事件的注册、事件绑定，而是由监听器进行调用执行。回调函数可以是匿名函数
方式二：先拿到节点对象，再通过 .事件句柄的方式绑定回调函数。
根据id获取节点对象：document.getElementById("btn")
JS中有一个内置对象：document ，它代表整个HTML文档，是DOM顶级对象
如 :在JS中，当获取了一个节点时，那么其属性都可以使用
<body>
<input type="button" value="hello" id="btn">
<script type="text/script">
var btnelt=document.getElementById("btn");
btnelt.onclick=function(){ //匿
最低0.47元/天 解锁文章
709
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
