博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
day 49 JavaScript中BOM和DOM
阅读量:4685 次
发布时间:2019-06-09

本文共 1090 字,大约阅读时间需要 3 分钟。

一 . 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

你可能感兴趣的文章
Oozie协作框架
查看>>
linux安装图形界面
查看>>
Android广播发送失败
查看>>
博弈论之入门小结
查看>>
解决IE8下opacity属性失效问题,无法隐藏元素
查看>>
洛谷1002 过河卒
查看>>
C#匿名函数的坑
查看>>
标记页面控件尺寸
查看>>
批处理文件中的路径问题
查看>>
appium+python 环境搭建
查看>>
WampServer下修改和重置MySQL密码
查看>>
hibernate出现No row with the given identifier exists问题
查看>>
为什么wait()和notify()属于Object类
查看>>
Part2_lesson3---ARM寄存器详解
查看>>
深入理解vsto,开发word插件的利器
查看>>
PHP 在5.1.* 和5.2.*之间 PDO数据库操作中的不同!
查看>>
导入properties时的坑
查看>>
python——网络编程
查看>>
Spark的39个机器学习库
查看>>
Electron学习笔记(一)
查看>>