栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

JavaScript的BOM编程,事件-第4章

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript的BOM编程,事件-第4章

标题图

目标
  • BOM编程

  • window和document对象

  • window对象的属性和方法

  • document对象的属性和方法

Javascript中对象的分类
  1. 浏览器对象:window对象

  2. window对象,这个对象的属性和方法通常被统称为BOM(Browser Object Model,浏览器对象模型)

window.png

  • 常用的属性

status 浏览器状态栏中显示的临时消息 
screen 屏幕和显示性能的信息history 访问过的 URL 的信息
location 当前 URL 的信息
document 浏览器窗口中的HTML文档
  • 常用的方法

alert ("提示信息")
confirm("提示信息“)
close ( )
setTimeout()
document对象
getElementsByTagName()
getElementById()
getElementsByName()

事件事件概念与分类

事件是发生在页面上的动作。

  • 事件分类

  1. 页面事件

  2. 键盘事件

  3. 鼠标事件

  4. 表单事件

添加事件
  1. 静态绑定

  2. 动态绑定

事件流

事件流::指事件冒泡的过程

DOM实验

原效果

原效果

插入效果

Examples
    
           
               Row1cell1
               Row1cell2
           
           
               Row2cell1
               Row2cell2
           
           
               Row3cell1
               Row3cell2
           
    
    

    

image.png

     Examples      
     

图片

图片

图片

Examples
    .title{        background: gray;        text-align: center;
    }
    
        
            书名
            价格
        
        
            看得见风景的房间
            ¥30.00
        
        
            60个瞬间
            ¥32.00
        
                        

图片

图片

Examples
    

    
    



作者:达叔小生
链接:https://www.jianshu.com/p/3cf5f7c182c3


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/246908.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号