day10

1、BOM:browser  object  model  浏览器对象模型，提供了一系列操作浏览器的方法

      BOM：核心队形，顶级对象叫window

      对象的方法：

      （window.   可以省去）

         window.alert('弹出框')

         window.prompt('输入框')

                      返回值：输入的内容

          window.confirm('输入框') 

                      返回值：点击确定返回ture,点击取消，返回false

          window.open("网址")：一般会点击按钮，打开网址

          window.close()

var   定时器的名字=window.setInterval(函数，毫秒)（开启间隙性定时器）

                                window.clearInterval(定时器的名字)（关闭间隙性定时器）

var    timer=setInterval(function(){},1000)

window.clearInterval(timer)

过了几秒后弹出一次

超时定时器：window.setTimeOut(函数，毫秒)开启超时定时器

超市定时器：window.clearTimeOut（函数，毫秒）关闭超时定时

列子

 var oPen = document.getElementById('open')

    var oClose = document.getElementById('close')

oPen.onclick = function () {

        window.open("https://www.runoob.com");

    }

oClose.onclick = function () {

        window.close()

    }

history：window的子对象，浏览器历史记录的一个对象

     history.go(1)/history.fowward():前进一个网页

     history.go(-1)/history.back():后退一个页面

     history.go(0):刷新当前页面

在history中演示

 window的子对象：localtion对象

 localtion.reload():刷新

 localtion.herf="网址"    （跳转页面）

  列子

          

var oBtn = document.getElementById('btn')

    var oBtn1 = document.getElementById('btn1')



    oBtn.onclick = function () {

        location.reload();

    }

    oBtn1.onclick = function(){

        location.href = "http://www.baidu.com"

    }

window的子对象：localation对象

localtion.reload():刷新

localtion.herf="网址"跳转页面

var oBtn = document.getElementById('btn')
    var oBtn1 = document.getElementById('btn1')

    oBtn.onclick = function () {
        location.reload();
    }
    oBtn1.onclick = function(){
        location.href = "http://www.baidu.com"
    }

修改内容

1.表单控件  获取内容

                     元素.value

                   设置内容

                      元素.value="  "

2.普通元素   获取内容

                    元素.innerHTML

                    设置内容

                     元素.innerHTML=" XX "

var oTxt = document.querySelector('input')
    console.log(oTxt.value); //获取内容
    oTxt.value  = 'yy';// 设置内容


    var oDiv = document.querySelector('div')
    console.log(oDiv.innerHTML);
    oDiv.innerHTML = '<h1>我是张飞</h1>'