DHtml

一.DHTML
    1.DHTML概述
        将html文档中所有的元素都用js对象来进行表示, 用对象来表示元素, 用对象之间的引用关系来表示元素之间的层级关系

        用一颗文档结构树来表示整个html文档
        
        对象上可以设计属性和方法, 可以通过操作对象上的属性和方法来改变元素的属性和行为

        利用这种方式, 将js和html整合在一起, 形成了DHTML技术.

        DHTML可以被分为BOM和DOM两部分内容:
        BOM: Browser Object Model    浏览器对象模型
        DOM: Document Object Model    文档对象模型
        
    2.BOM
        window对象:
            重要属性:
                closed -- 表示引用窗口是否关闭 true/false
            重要事件:
                onblur -- 当对象失去焦点时触发
                onfocus -- 当对象获取焦点时触发
                onload -- 在页面加载完成后触发
            重要方法:
                alert -- 消息对话框
                confirm -- 确认对话框
                setInterval -- 重复定时器
                setTimeout -- 一次性定时器
            子对象:
                history
                location
                navigator
                document(后面讲)
        history:(!)
            重要属性: length -- 获取窗口浏览的历史信息的个数
            重要方法:
                back() -- 后退
                forward() -- 前进
                go() -- 跳转        
        location:(!!!)
            重要属性: href -- 获取或设置url地址
        
    3.DOM
        (1)获取元素
            getElementById() -- 通过id来获取指定元素
            getElementsByName() -- 通过name来获取指定元素
            getElementsByTagName() -- 通过标签名来获取指定元素
            obj.value -- 获取或设置输入控件的value属性的值
            obj.innerHTML -- 获取或设置元素内部的html
                //IE10以下的浏览器中, 不支持Select和table上的innerHTML属性
            obj.innerText -- 获取或设置元素内部的文本
            
        (2)增删改文档中的元素
            document.createElement() -- 创建节点
            appendChild()-- 添加子节点
            insertBefore() -- 插入节点
            removeChild() -- 删除子节点
            removeNode()-- 删除节点本身(有兼容性问题)
            replaceChild() -- 替换子节点
            replaceNode() -- 替换节点(有兼容性问题)
            cloneNode() -- 克隆节点
            parentNode属性 -- 获取父节点

            className -- 设置或获取对象的类。
            display -- 设置或获取对象是否显示。
            checked -- 设置或获取复选框或单选钮的状态

转载于:https://www.cnblogs.com/SwordWolf/p/7061925.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
<p style="color:#666666;"> <span style="font-size:14px;">本门课程重实战,将基础知识拆解到项目里,让你在项目情境里学知识。</span> </p> <p style="color:#666666;"> <span style="font-size:14px;">这样的学习方式能让你保持兴趣、充满动力,时刻知道学的东西能用在哪、能怎么用。</span> </p> <p style="color:#666666;"> <span style="font-size:14px;">平时不明白的知识点,放在项目里去理解就恍然大悟了。</span> </p> <p style="color:#666666;"> <span></span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="color:#FF0000;font-size:14px;"><strong>一、融汇贯通</strong></span> </p> <p style="color:#666666;"> <span style="font-size:14px;">本视频采用了前后端分离的开发模式,前端使用Vue.js+Element UI实现了Web页面的呈现,后端使用Python 的Django框架实现了数据访问的接口,前端通过Axios访问后端接口获得数据。在学习完本章节后,真正理解前后端的各自承担的工作。</span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="color:#FF0000;font-size:14px;"><strong>二、贴近实战</strong></span> </p> <p style="color:#666666;"> <span style="font-size:14px;">本系列课程为练手项目实战:学生管理系统v4.0的开发,项目包含了如下几个内容:项目的总体介绍、基本功能的演示、Vuejs的初始化、Element UI的使用、在Django中实现针对数据的增删改查的接口、在Vuejs中实现前端增删改查的调用、实现文件的上传、实现表格的分页、实现导出数据到Excel、实现通过Excel导入数据、实现针对表格的批量化操作等等,所有的功能都通过演示完成、贴近了实战</span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="color:#FF0000;font-size:14px;"><strong>三、课程亮点</strong></span> </p> <p style="color:#666666;"> <span style="font-size:14px;">在本案例中,最大的亮点在于前后端做了分离,真正理解前后端的各自承担的工作。前端如何和后端交互</span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="color:#FF0000;font-size:14px;"><strong>适合人群:</strong></span> </p> <p style="color:#666666;"> <span style="font-size:14px;">1、有Python语言基础、web前端基础,想要深入学习Python Web框架的朋友;</span> </p> <p style="color:#666666;"> <span style="font-size:14px;">2、有Django基础,但是想学习企业级项目实战的朋友;</span> </p> <p style="color:#666666;"> <span style="font-size:14px;">3、有MySQL数据库基础的朋友</span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="font-size:14px;"><img alt="" src="https://img-bss.csdnimg.cn/202009070752197496.png" /><br /> </span> </p> <p style="color:#666666;"> <span style="font-size:14px;"><br /> </span> </p>
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值