2020年12月15日 学习总结 BOM window对象 DOM

//window对象

/*window.alert("Welcome!");

var value = window.prompt("Input your name:");

window.confirm("Your Name is :"+value);*/
//返回值是true或false

/*if(window.confirm("Close The Page??")){
window.close();
}

function putChar(inutchar){
switch (inputchar){
case 1:
document.write("1");
break;
case 2:
document.write("2");
break;
}
document.write("3");
}*/
///////////////定时器
///setInterval(函数，时间ms);每隔多少秒调用函数
///clearInterval(setInterval返回的id)

//setInterval(putChar(1),1000);
/*
var number = 10;
function countDown(){
document.write(number);
number--;
if(number == -1){
clearInterval(intvId);
}
}

var intvId = setInterval(countDown,1000);

*/

//动态时钟
//函数一定是页面加载完成后才执行
function changeTime(){
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth()+1;
var date = d.getDate();
var day = d.getDay();
var hour = d.getHours();
var min = d.getMinutes();
var sec = d.getSeconds();
switch(day){
case 0 :
day = "星期天"
break;
case 1 :
day = "星期一"
break;
case 2 :
day = "星期二"
break;
case 3 :
day = "星期三"
break;
case 4 :
day = "星期四"
break;
case 5 :
day = "星期五"
break;
case 6 :
day = "星期六"
break;
}

if(hour<10){
hour = "0"+hour;
}
if(min<10){
min = "0"+min;
}
if(sec<10){
sec = "0"+sec;
}


document.getElementById("d1").innerHTML = year+"年"+month+"月"+date+"日&nbsp;&nbsp;"+day+"&nbsp;"+hour + "时"+min+"分"+sec+"秒";

}
setInterval(changeTime,1000);

 

//匿名函数

/*
var func1 = function(a,b){
return a+b;
}

document.write(func1(1,4));
*/

//定时器与匿名函数：
/*var i = 1;
var timer = window.setInterval(function(){
console.log(i);
i++;
if(i>20){
clearInterval(timer);
}
},1000);*/

//window.history

/*var i = 10;
var timer = window.setInterval(function(){
console.log(i);
i--;
if(i==0){
clearInterval(timer);
location.href = "https://www.baidu.com";
}
},1000);*/

/////////DOM DOM就是对document的简称 BOM包含DOM

 

==============
history常用方法：
history.forward()//前进
history.back()//后退
history.go(-2)//正负数代表前进后退多少
==================
location对象：
location.href = "https://www.baidu.com";
跳转到百度
=================
DOM中节点有：元素节点（比如div），属性节点（比如id），文本节点（innerHTML）