JavaScript对象

事件对象

1. type获取事件类型，显示事件为点击事件click

<script>
    document.getElementById("btn1").addEventListener("click",showType);
    function showType(event) {
        alert(event.type);
    }
</script>

2. target 获取事件目标

alert(event.target); 

3. stopPropagation（）阻止事件冒泡

event.stopPropagation();

4. preventDefault（）阻止事件默认行为，比如可以阻止链接跳转

event.preventDefault();

---

String对象

1. indexOf查找字符串,查找字符串中是否存在abc

document.write(s.indexOf("abc"));

2. match（）内容匹配,匹配字符串是否存在，不存在为null

document.write(s.match("abc"));

3. replase（）替换内容，有两个参数,第二个参数替换掉第一个参数

document.write(s.replase("abc","de"));

4. toUpperCase()/toLowerCase()转换成大小写
5. strong>split（）字符串转化成数组，split中为分隔符

var s=str.split(" ");
document.write(s[0]);

---

数组对象

1. sort（）排序,将数组中的元素顺序排列

document.write(a.sort());

2. reverse（）反转，将数组中的元素倒放
3. push（）在末尾追加

---

math对象

1. round（）四舍五入

document.write(Math.round(2.5));

2. random（）返回0-1随机数,以下返回为0-10的int类型的值

document.write(parseInt(Math.random()*10);

3. max返回最高值，min（）
4. abs返回绝对值

---

JSDOM对象

1. getElementsByName获取name
2. getElementsByTagName获取元素
3. getAttribute 得到元素的属性

function getAttr() {
    var ad=document.getElementById("aid");
    var attr=ad.getAttribute("title");
    alert(attr);
}

4. setAttribute 设置元素属性

function setAttr() {
    var ad=document.getElementById("aid");
    var attr=ad.setAttribute("title","设置title");
    var attr=ad.getAttribute("title");
    alert(attr);

5. getChildNode 访问子节点

function getChildNode() {
    var childnode=document.getElementsByTagName("ul")[0].childNodes;
    alert(childnode.length);
    alert(childnode[0].nodeType);
}

6. getParentNode 访问父节点
7. createElement() 添加一个节点

function createNode() {
    var body=document.body;
    var input=document.createElement("input");
    input.type="button";
    input.value="按钮";
    body.appendChild(input);
}

8. insertBefore插入节点

function addNode(){
    var div=document.getElementById("div");
    var node=document.getElementById("pid");
    var  newnode=document.createElement("p");
    div.insertBefore("newnode","node");
    newnode.innerHTML="添加p元素";
}

9. removeChild（）删除节点

---

---

Js浏览器对象

1. Window对象指的是当前浏览器的窗口,Document也是window对象的属性,Window.open打开新窗口.close 关闭当前窗口
2. 计时器setInterval()间隔指定毫秒开始执行

var  mytime=setInterval(getTime,1000)
function getTime() {
    var d=new Date();
    var t=d.toLocaleTimeString();
    document.getElementById("ptime").innerHTML=t;
}

3. clearInterval()停止执行

function stopTime() {
    clearInterval(mytime);
}

4. history对象,window.history包含浏览器的历史URL集合history.back()回退到上一个网页

---