javascript的详解

一：javascript的基本概述

javascript是一种浏览器的脚本语言
它的作用是放在网页上增强网页的效果，让网页的功能更加强大 本质上与java没有关系

二：javascript的基本介绍

1.基本的数据类型:

布尔型 数字 字符串 对象 null undefined

2.复杂类型

(1)数组

定义数组的一般格式为：
var b=new Array();
var b=[1,2,3,4];
数组的一般的操作
1.向数组的末尾插入一个元素 b.push(元素); 返回的值为
2.删除一个数组的末尾的元素 b.pop(元素);
向开头添加一个或者多个元素
数组的遍历
for(int i=o;i

（2）创建一个对象（重要）

添加对象的一般格式
第一种： var o=new Object();创建一个新的对象
o.id=1;
o.name=”张三”;
第二种： var o={}创建一个新的对象
格式var o{“属性名”:属性的值} 双引号可以省略
var o={“name”:”张三”,”age”:10}
删除一个对象的属性
delete o.name;

（3）函数

javascript的函数的一般格式
function(形参1,形参2…..){
return 返回值;
}
注意javascript语言是没有方法的重载的，只要出现一个与之前的函数的名字一样的函数那么这个函数就会杯之后的函数所重写

（4）HTML中使用javascript的代码

在head之间加入如下内容
<script>
js 的代码
<script>

三：javascript来对HTML的进行操作

首先在了解基本的操作之前先要对DOM API来进行了解
DOM Document(文档)Object(对象)Model(模型)
将HTML的网页上的所有元素视为一个树状结构

|- html
        |-head
            |-meta 
            |-title
            |-style
            |-script
        |-body
            |-p
            |-form
            |-table
            |-ul

1.查找操作

document.getElementById(id的值);
document.getElementByTagname(标签的值);
#id的值
.class的值
标签的值
document.querySelector();//匹配第一个
document.querySelectAll();//匹配所有

2.新增和删除

新增的操作
document.createElement(标签名);//创建一个元素
父元素.appendChild(子元素);//增添到父类的元素中

3.DOM事件

鼠标单击事件 onclick
鼠标双击事件 ondblclick
鼠标移入事件 onmouseover
鼠标移出事件 onmouseout
鼠标点击事件 onmousedown
window.event 有一个buttons属性
取值为1表示 左键被按下
取值为2表示 右键被按下
取值为4表示 中间滚轮被按下
光标移入事件(获得焦点) onfocus
失去焦点事件 onblur
值改变事件 onchange
键盘 onkeydown 按下按键时
onkeypress 按下按键时
onkeyup 松开按键时

事件的发生的顺序
keydown先发生 > onkeypress 再发生 > onkeyup 最后发生
keyCode不区分大小写 keyCode区分大小写
可以识别特殊字符 只能识别可打印字符

4.事件对象

window.event 可以简写为event 事件发生时候的有关的信息
event.preventDefult()阻止标签的默认行为
event.stopPropagation(); 阻止事件的冒泡
何为事件的冒泡？
事件的冒泡就是：子标签触发了一个事件的话，就会沿着子标签逐级向上传播

5.this

<input type="button"; on click="d(this)">
this代表的是input的这个标签

6.BOM

Browser Object Model
window(整个窗口)
.alert(“提示的文字”);//弹出一个对话框
.confirm(“提示的文字”);//弹出一个确认框如果点击确定返回的为true否则返回的为false
.setTimeout(函数,延迟的时间（毫秒值）);//延迟来执行一个函数
.clearTimeout(参数);//取消间隔执行
location 对浏览器地址栏的抽象
location.href 用来获取或改变地址栏的值
location.reload(); // 刷新页面

history.back(); // 上一个网页
history.forward(); // 下一个网页