day 49 JavaScript中BOM和DOM

一 . BOM和DOM介绍

  1.BOM(Browser Object Model)是指浏览器对象模型,它使JavaScript有能力与浏览器进行“对话”,

   DOM(Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素

  2.window下

    location对象

    window.location对象用于获得当前也买你的地址(URL),并把浏览器重定向到新的页面。

    location.href   # 获取URL

    location.href = "URL"   // 跳转到指定页面

    location.reload()   重新加载页面

   3.弹出框

    警告框 :alret("你看到了吗?");

    警告框 :confirm("你确定吗? ")

    提示框 : prompt("请在下方输入",“你的答案")

二 . 计时器

  通过JS,我们可以在一定时间间隔之后来执行代码,而不是在函数被调用后立即执行。

  seTimeout() 

  语法:var t=setTimeout("JS语句",毫秒)

  clearTimeout()

  语法:clearTimeout(setTimeout_variable)

三 . DOM

  1.查找标签:直接查找

  decument.getElementById   # 根据ID获取一个标签

  decument.getElementsByClassName   # 根据class属性获取

  decument.getElementsByTagName   # 根据标签名获取标签合集

  2.间接查找

  parentElement   # 父节点标签元素

  children  # 所有子标签

  firstElementChild  # 第一个子标签元素

  lastElementChild   # 最后一个子标签元素

  nextElementSibling   # 下一个兄弟标签元素

  previousElementSibling   # 上一个兄弟标签元素

  !!!onclick  # 经常会用到的事件标签,当用户点击对象调用的事件句柄

  

  具体详见:https://www.cnblogs.com/yuanchenqi/articles/6893904.html?tdsourcetag=s_pctim_aiomsg

原文地址:https://www.cnblogs.com/liuteacher/p/10169936.html