第二章JavaScript操作BOM对象

A.使用 windows对象可以实现弹出窗口，关闭当前窗口，弹出页面消息框等效果。

   /*   实例一 */
    window. location="https://www.baidu.com";*/

 /*   实例二 */
   var fa= window. confirm("确定要删除吗？")
    if(fa=true){
        alert("成功");
    }else{
        alert("失败");
    }

/*新的窗口*/
window. open("https://www.baidu.com");

B.使用 Date对象可以获得当前系统的日期，时间。

//时间
function shows() {
 var info=new Date();
   var  hours=info. getHours();
    var  minutes=info. getMinutes();
    var  seconds=info. getSeconds();
   document.getElementById("oo").innerHTML=hours+":"+minutes+":"+seconds;

}

C.使用定时函数与 Date()对象可以制作时钟特效。

//时间
function shows() {
 var info=new Date();
   var  hours=info.getHours();
    var  minutes=info.getMinutes();
    var  seconds=info.getSeconds();
   document.getElementById("oo").innerHTML=hours+":"+minutes+":"+seconds;
    //时间秒数不停止
      var  int=self.setInterval("shows()",50);
    //时间秒数停止
     //var  one=setTimeout("show()",5000);

}

D.使用 history和 location对象的相关属性和方法可以轻松的实现浏览器中的“ 后退” “ 前进”和“ 刷新”按钮的功能。

<p style="text-align:right;"><a href="javascript:history.back()">返回主页面</a></p>

history.back()后退按钮；

history.forward()前进按钮；

history.go(1) 代表前进一页;

history.go(-1)代表后退一页;

<a href="javascript:location.reload()">刷新本页</a>

location.reload()刷新;

location.replace()用新的文档替换当前文档;

location.host()返回主机名和当前URL的端口号；

location.hostname设置或返回当前URL的主机名;

location.href设置或返回完整的URL;

E. doculement对象的 getElementById()方法用于访问唯一的元素。

//定义方法

function  show() {
    document.getElementById("tv-1").innerHTML="java.admin";

}

<h1 id="tv-1"> admin</h1>

<input type="button" value="dddd" οnclick="show()" >

F. doculement对象的 getElementByName()方法用于访问相同 name属性的一组元素。

//定义方法

function  showinfo() {
    var s="";
    var f=  document.getElementsByName("season");
    for(var i=0;i<f.length;i++){
       s +=f[i].value;

  }
    document.getElementById("tv-2").innerHTML=s;
}
<h1 id="tv-2"> 哈哈 </h1>

<input type="button" value="ffff" οnclick="showinfo()" >

G. document对象的 getElementTagname ()方法用于访问相同标签的一组元素。

function  showinfoTag() {
   var s="";
    var f=  document.getElementsByTagName("input");
    for(var i=0;i<f.length;i++){
       s +=f[i].value;
  }
    document.getElementById("tv-2").innerHTML=s;
}

<h1 id="tv-2"> 哈哈 </h1>

<input type="button" value="ggggg" οnclick="showinfoTag()" >