第二章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.使用historylocation对象的相关属性和方法可以轻松的实现浏览器中的“后退” “前进”和“刷新”按钮的功能。
<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" onclick="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" onclick="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" onclick="showinfoTag()" >
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页