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