BOM与DOM 与事件

Dom简单学习（能做案例)

• 获取页面标签对象：
  ——document.getElementById(id);通过元素对象获取元素对象。

• 操作对象
  ——修改属性值；明确对象以及它有哪些属性可以设置
  ——修改标签体的内容：*属性：InnerHTML：标签体内容

BOM

• window 窗口对象；
  ——方法：
  ————alert();弹出一段消息和带确认按钮的警告框
  ————confirm();显示带有一段消息以及确定（true），取消（false）的对话框，多用于防止误操作
  ————prompt();显示用户输入框
• Navigator:浏览器对象
• location 地址栏；
  ——创建：window.location；一样的window可以省去；
  ——reload();重新加载当前页面
  ——herf属性：设置location都在栏的地址

<input id="a" type="button" value="重新加载">
<input id="b" type="button" value="去淘宝">
<script>
    var a=document.getElementById("a");
    a.onclick=function () {
        location.reload();
    }
    var b=document.getElementById("b");
    b.onclick=function () {
        location.href="https://uland.taobao.com/sem/tbsearch?refpid=mm_15891853_2192459_8654707&keyword=%E5%A5%B3%E8%A3%85&clk1=bf6d0fadbf831474bcaa89c7359a636a&upsid=bf6d0fadbf831474bcaa89c7359a636a";
    }
</script>

• history 历史记录
  ——创建，window.history
  ——方法：back(); 加载前一个url
  forward(); 加载下一个url
  go();加载某个具体url
  ——属性：length:url数量
• screen 屏幕对象
  ————打开关闭有关方法
  close();关闭窗口，谁调用我我关谁
  open();打开一个新窗口
  ————与定时器有关
• setTimeout(执行的代码，毫秒数)在指定的毫秒数后调用函数或计算表达式
• clearTimeout(执行的代码，毫秒数);取消由setTimeout()方法设置的timeout;
• setInterval(执行的代码，毫秒数) 按照指定的周期来调用函数或者表达式
• clearInterval(执行的代码，毫秒数)取消定时器

Dom 文档对象模型