Javascript整理1
是一门脚本语言
HTML 网页上的内容（结构）
CSS 美化网页（样式）
JavaScript 控制网页（行为）
DOM 浏览器对象模型
1 。准备工作
一个普通文本编译器和一个web浏览器即可编写javascript
编写的代码必须通过HTML文档才能执行 两种方式：
第一种: 将javascript代码放到 <head>标签里的<script>标签中
第二种: 将javascript代码存放到 扩展名为.js的独立文件 做法:在<head>标签中放入<script>标签 把它的src 属性指向该文件
最好把<script>标签放到HTML文档最后 body标签之前
注释
单行注释用 // 多行用/**/
变量
javascfript可以直接对变量进行赋值，无需声明。 (弱类型语言)
var 是一个关键字 mood是一个变量
var mood = "happy", age = 33;
变量名允许包括字母，数字，美元符号和下划线
数据类型
字符型 (string)
String
转换为字符型: 1. 利用 “” (双引号) 2. 利用String(); 转换为字符型
布尔型 (boolean) 就两个值 true 和 false
数据类型转换为布尔型：
1. 利用 !! console.log(typeof !!num);
2. 利用 Boolean()
false、undefined 、null、0、”” 为 false
true、1、”somestring”、[Object] 为 true
数值型
Var num = 10
数值的前面带 0 表示 八进制
Var num = 020;
0*80+2*81 = 16
数值的前面带 0x 表示 十六进制
var result = 0xb; 11
完整的写法 : window.alert(“执行语句”);
Window 对象 窗口 一般情况是可以省略的。
Console 控制台输出
Console.warn() 控制台提示
Console.error(). 错误提示
document.write() 直接在文档中显示。
变量的作用域
分为 全局变量 和 局部变量
全局变量：
1. 在最外层声明的变量。
2. 在函数体内部，但是没有声明var 的变量也是全局变量
局部变量：
在函数体内部的 声明的变量
事件3要素
1 事件源: 触发的对象 （发起者)
2. 事件 触发
3. 事件处理程序
ondblclick 鼠标双击
onkeyup 松开键盘上的按键
onchange. 文本内容或者下拉菜单发生变化
onfocus 获得焦点，表示文本框等获得鼠标光标。
onblur 失去焦点，表示文本框等失去鼠标光标。
onmouseover 鼠标经过
onmouseout 鼠标离开
onload 网页文档加载事件
onunload 关闭网页时
onsubmit 表单提交事件
onreset 重置表单时
入口函数
window.onload = function(){
内部放js
}
页面的HTML内容结构加载完毕 在执行js部分
ParseInt() 转换成整形
parseFloat() 转换成小数
parseInt(110,2)
表示2进制 吧10 这个2进制转换为 10进制
0*2的0次方 +1*2的一次方 + 1*2的2次方 = 6
Null 空的 没有值
Undefined 未定义的 应该有值，但是没有给。
自定义函数：
function fun() {alert(1);}
直接量声明:
var fun = function() {alert(1);}
利用关键字声明:
var fun2 = new Function("var a = 10; var b = 20; alert(a+b)"); fun2();
变量声明的提升:
当变量当函数的内部没有声明 会先声明但是不赋值
函数参数
arguments 函数接受的实际参数
获得焦点 失去焦点 事件
获得焦点: onfocus
失去焦点: onblur
This 主要是指事件的调用者 。
innerHTML 更换 盒子里面的内容 文字 标签都换.
isNaN() 如果不是一个数字 则为true
select() 选择功能
getElementsByTagName() 获取某类标签
判断用户输入事件
正常浏览器 : oninput
Ie 678 支持的 ： onpropertychange
声明数组
var arr = [1,3,5,7,9];
var arr = new Array(1,3,5);
排他思想
数组添加元素
unshift() 从前添加
push() 从后添加
删除数组内容
pop() 删除最后一个元素
shift() 删除第一个元素
连接两个数组
var aa = [1,3,5]; var bb = [“a”,”b”,”c”];
aa.concat(bb); 结果： [1,3,5,“a”,”b”,”c”];
join() 把数组转换为字符串
console.log(arr.join(“-”)) 结果就是： 1-2-3 字符串
把字符串转换为数组 split()
访问节点
parentNode. 父节点
nextElementSibling. 下一个兄弟
previousElementSibling. 上一个兄弟
firstElementChild. 第一个子元素
lastElementChild 最后一个子元素
children 所有子元素 返回数组
nodeType == 1
children 重要 选取所有的孩子 （只有元素节点）
创建节点 var div = document.creatElement(“li”);
插入节点
1. appendChild(); 添加孩子
2. insertBefore(插入的节点，参照节点)