JS第四天

1.window对象的常用方法：alert()普通弹窗；confirm()确认提示框；prompt()输入框；定时器：设置定时器：setInterval()；清除定时器：clearInterval()；

//设置时间，每一秒获取当前时间并显示在div里
var timer=setInterval(function(){
    //创建当前系统日期时间对象
    var date=new Date();
    //获取时
    var hours=date.getHours();
    //获取分
    var min=date.getMinutes();
    //获取秒
    var sec=date.getSeconds();
    //拼接字符串
    var str=hours+":"+min+":"+sec;
    //将字符串设置到div里
    document.getElementById("clock").innerHTML=str;
},1000);

2.history对象的常用方法：back()：后退到上一个浏览的页面，如果是第一个打开的，则无效果；forward()：前进到下一个浏览界面，如果该页面是第一个打开的，则无效果；go()：该方法指定前进或后退多少个页面，正则进，负数则退

3.location对象的属性：location.href="网址"

4.DOM文档对象模型，是一种访问结构化文档的一种思想，借助DOM模型，可以对HTML中的元素标签、属性、文本进行修改、删除、新增等操作，让网页动态化

5.格式：通过id获取元素节点：var 变量名(元素节点)=document.getElemenById("id")

通过定义的元素节点获取文本节点 var 变量名(文本)=元素节点.innerHTML

通过定义的元素节点获取属性节点 var 变量名(属性值)=元素节点.属性名

    <div id="ko">关闭</div>
    <div id="myDiv">我的div块</div>
    <textarea id="content" cols="30" rows="10">好好学习，天天向上</textarea>
    <input type="text" id="txtName" value="按我呀"><br>
    <input type="button" id="btn_show" value="访问三个元素的内容" onClick="get1()">

function get1(){
    //获取div元素
    var dd=document.getElementById("myDiv");
    //获取文本节点
    var str=dd.innerHTML;
    alert(str);
}

　　function get3(){
　　var rr=document.getElementById("txtName");
　　var aa=rr.value;
　　alert(aa);
　　}

6.页面加载完成后执行：window.onload=function(){}

7.利用节点关系访问HTML元素，获取元素的父节点：元素名.parentNode；获取元素的前一个节点：元素名.perviousSibling；获取元素的下一个节点：元素名.nextSibling；获取当前节点的所有子节点：元素名.childNodes；获取当前节点的第一个子节点：元素名.firstChild；获取当前节点的最后一个节点：元素名.lastChild；获取当前节点的指定标签名的子节点：元素名.getElementsByTagName(标签名)

// JavaScript Document
var li;
window.onload=function(){
    li=document.getElementById("n4");
}
function get(obj){
    var a=obj.innerHTML;
    alert(a);
}
function get1(){
    //获取父节点
    var fu=li.parentNode;
    //获取父节点的子节点长度
    var len=fu.getElementsByTagName("li");
    alert(len.length);
}