前端学习笔记

day17
BOM对象

1.定时器

function fun() {
    console.log("定时器")
}
setInterval(fun, 1000)       //无参函数

function fun() {
    console.log("定时器")
}
setInterval(function(){
fun(1)
, 1000)                   //有参函数

2.清除定时器

var t= setInterval(function () {
    console.log("定时器")
}, 1000);
clearInterval(timeFun)

3.延时器

var count = 5;
      var t = setInterval(function () {
        count--;
        box.innerHTML = count;
        if (count == 0) {
          clearInterval(t);
        }
      }, 1000);   //实现倒计时并且显示在页面上

4.location对象：直接使用打印 , 或者是赋值给一个变量 , 就直接能获取到当前页面中地址栏中的相关地址信息，如果location.href被赋值 , 则代表的是 , 跳转到对应的网站地址。 location 和地址相关的一个对象 location.href 可读可写的属性， console.log(location.href); //得到当前页面完整的url地址，location.href = “./w01.html”; //会让页面发生跳转，通常跟条件或者事件

var str1 = location.href
console.log(str1)
location.href="https://www.baidu.com"

5.history对象：history对象中 保存了浏览器中的历史记录的相关信息, 可以完成历史记录的完整案例

function func(){
        history.forward();      //前进到下一个/后一个URL地址 ; 前提是必须得有历史记录, 没有历史记录的时候是不能完成的
    }
function func1(){
        history.go(2);           //历史记录的长度跳转到对应的页面中去
    }
 function func2(){
        history.back();          // 返回到上一个/前一个URL地址 ; 前提是必须得有历史记录, 没有历史记录的时候是不能完成的;
    }
    
    
    
    
<input type="button" value="前进" onclick="func()" />
<input type="button" value="go到c" onclick="func1()" />