BOM.DOM.事件

DOM功能:控制html文档内容

获取页面标签对象Element

  document.getElemrentById(''id值''):通过元素的id获取对象

操作对象:

   1. 设置属性值

         明确获取对象

         查看API文档,找其中哪些属性可以设置

    2.修改标签体

事件简单学习

          功能:某些组件被执行了操作后,触发某些代码的执行

绑定事件:

扫描二维码关注公众号,回复: 11938130 查看本文章

     1.直接在html上指定事件属性,onclick

     2.通过js获取元素对象,指定事件属性,设置一个函数

BOM:

1.概念:Browser Object Model 浏览器对象模型

2.组成:

浏览器对象

显示器屏幕对象

window(窗口)对象:

  特点:window对象不需要创建对象,直接使用,且引用可以省略

  方法:

         1,与弹出有关             

             alert()显示带有一段消息和一个确认按钮的警告框

             confirm()现时代有一段消息以及确认取消按钮的对话框

                           确定:true   取消:false

             prompt()显示可提示用户输入的对话框

         2.与打开关闭有关

             open()

             close():谁调用关谁

        3.与定时器有关

              setTimeout(“function”,2000)在指定的毫秒数后调用函数或者计算表达式(返回唯一编号)

              clearTimeout()

              setInterval()指定周期来调用函数或计算表达式

              clearInterval()

    属性:可以获取其他BOM对象

                可以获取DOM对象

              

       地址栏对象

方法:reload:重新加载

           href:去网站链接

       历史记录对象

DOM文本对象模型

核心DOM

docunment

       获取对象方法

       getelementbyid:属性值为唯一

       getelementbytagname:根据名称获取对象

      getelementclassname:根据class获取对象

      getelementbyname:根据name获取对象

      创建其他对象

       

element

  removeattribute()删除属性

  setattribute()设置属性

attribute

text

comment

node

    CRUD dom树:

         appendchild():向子节点列表添加新的子节点

         remocechild():删除并返回子节点

         

Htmldom:

   标签体的设置和获取:innerhtml

   使用元素对象的属性 

控制样式

   div.style.border

  

 事件

某些操作

   单击双击键盘按下鼠标移动了

事件源:组件:按钮 文本输入框

监听器:代码

注册监听:将事件源,监听器结合在一起 

常见事件:

点击事件:onclick(单击)、ondblclick(双击)

焦点事件:onblur失去焦点、onfous获得焦点

加载事件onload

鼠标事件onmousedown鼠标被按下

onmouseup鼠标按键被送开

oumousemove鼠标被移动

键盘事件

选择和改变

onchange

onselect

表单事件

onsubmint

onreset

猜你喜欢

转载自blog.csdn.net/weixin_47560260/article/details/109043789