zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    关于js的对象原型继承(一)
    js相关小技巧
    一、WCF学习之旅-创建第一个服务
    .net WebService方法之重载、支持Session、支持request请求和response格式的浅析
    关于反射的BindingFlag浅析
    oracle之TRUNC函数
    start with...connect by子句的浅用
    一个在windows电脑上控制比较全的文件夹的设置方式
    javascript的replace之正则表达式的浅析
    抓取错误之onerror
  • 原文地址:https://www.cnblogs.com/liuteacher/p/10169936.html
Copyright © 2011-2022 走看看