dom

DOM事件

由 允我心安 提交于 2020-02-27 13:25:34
DOM事件类 　　　　基本概念：DOM事件的级别 　　　　DOM事件模型 　　　　DOM事件流 　　　　描述DOM事件捕获的具体流程 　　　　Event对象的常见应用 　　　　自定义事件 1.事件级别 DOM0 element.onclick=function(){} DOM1 element.addEventListener('click',function(){},false) DOM3(增加了多种事件类型， 比如鼠标事件 ，键盘事件) element.addEventListener('keyup',function(){},false) DOM事件模型 就是冒泡和捕获两种，捕获是从上往下，冒泡是从当前元素也就是目标元素往上。 DOM事件流 第一阶段：捕获 第二阶段：目标阶段 第三阶段：冒泡 描述DOM事件捕获的具体流程（冒泡相反） (补充：document.documentElement获取html这个节点） 第一个接收到的对象是window，然后传给document，再传给html，再传给目标元素的父级元素，然后传给目标元素。 Event对象的常见应用 　　event.preventDefault() 　　event.stopPropagation() 　　event.stopImmediatePropagation() 　　event.currentTarget 　

【XML DOM】解析XML Dom

由 ↘锁芯ラ 提交于 2020-02-27 09:07:40
现在浏览器都内建了用于读取和操作XML的XML解释器。 解释器把XML读入内存，并把它转换为可被js访问的XML DOM对象。 解析器都含遍历XML树，访问，插入及删除节点的函数。 本节主要讲解如何创建可在IE及其他浏览器中运行的脚本。 1,微软的解析器加载XML方法 xmlDoc=new ActiveXObject("Microsoft.XMLDOM");//创建空的XML文档对象xmlDoc.async="false";//关闭异步加载，这样可确保在文档完整加载之前，解析器不会继续执行脚本xmlDoc.load("book.xml");//告知解析器加载的文件名xmlDoc.loadXML(txt);//加载名为txt的字符串 2，FireFox及其他浏览器加载的方法 xmlDoc=document.implementation.createDocument("","",null);//新建一个空XML文档xmlDoc.async="false";xmlDoc.load("books.xml");parser=new DOMparser();xmlDoc=parser.parseFromString(txt,"text/xml");//加载名为txt的字符串 3，实例演示：一个跨浏览器的例子 代码 <html><body><script type="text

JavaScript组成部分

由 陌路散爱 提交于 2020-02-26 20:57:57
JavaScript由三部分组成： 　　　　ECMAscript（JavaScript的核心标准，也是一个解析器）； 　　　　　　　　目前常用的是两种： 　　　　　　　　ES5，即2009年12月发布的JavaScript的核心标准； 　　　　　　　　ES6，即2015年6月17日发布发布的JavaScript的核心标准； 　　　　DOM（document object model 缩写，文档对象模型）； 　　　　　　　　简单来说：就是通过document提供的一些接口（api），赋予开发者操作页面的能力。 　　　　　　　　比如获取某个ID为div的元素，document.getElementById('div')这个就是一个简单的DOM操作。 　　　　BOM（browser object model 缩写，浏览器对象模型）； 　　　　　　　　由于BOM没有相关标准，每个浏览器都有其自己对BOM的实现方式，不同的浏览器DOM标准可能不一样。 来源： https://www.cnblogs.com/yc-web/p/6881737.html

MVC、MVVM和Vue的关系

由 自作多情 提交于 2020-02-26 17:32:36
MVC是后端的编程模式 MVC（Model View Controller)分为三部分: 1. Model （模型）表示应用程序核心。 2. View （视图）显示数据。 3. Controller （控制器）处理输入。 其中的Model层是" M "、View层为“ V ”，而router.js和Controller合并为“ C ”。 说明: 1.app.js并没有路由分发的功能，需要调用router.js模块进行路由的分发处理。 2.为了保证职能单一，router.js只负责分发路由，不负责具体业务逻辑的处理。 3.如果涉及到了业务逻辑处理操作，只能调用Controller模块进行业务逻辑处理。 4.在Controller业务逻辑处理层封装了一些具体业务逻辑处理的逻辑代码，但是为了保证职能单一，此模块只负责处理业务，不负责处理数据的CRUD。 5.如果涉及到了数据的CRUD，需要调用Model层。 6.Model层为了职能单一也只能负责操作数据库，进行数据的CRUD。 7.CRUD是指 C:create R:read U:update D:delete MVVM是前端的编程模式 MVVM(Model-View-ViewModel)分为 M 、 V 和 VM 三部分: 说明: 1.MVVM是前端试图层的分层开发思想，主要把每个页面分成了 M 、 V 和 VM

JavaScript核心 DOM

由 岁酱吖の 提交于 2020-02-26 14:44:41
DOOM是什么? 文档对象模型(Document Obiect Moder)，是W3C组织推动的处理可扩展标记语言(HTML或者XML)的标准编程接口。 通过DOM接口可以修改网页的内容、结构和样式。 DOM树 文档：一个页面就是一个文档，DOM中使用doucment表示 元素：页面中的所有标签都是元素，DOM中使用element表示 节点：网页中的所有内容都是节点（标签、属性、文本、注释等）,DOM中使用node表示 DOM把以上内容都看做是对象！！！ dom操作主要是针对元素的操作,主要有创建、增、删、改、查、属性操作、事件操作 创建 document.write innerHTML createElement 增 appendChild 前面 insertBefore 后面 删 removeChild 改 主要修改dom的元素属性,dom元素的内容,属性,表单的值等 修改元素属性：src、href、title等 修改普通元素内容：innerHTML、innerText 修改表单元素：value、type、disable等 修改元素样式：style、className 查 主要获取查询dom元素 DOM提供的API方法：getElementById、getElementsByTagName 古老用法不推荐,了解 H5提供的新方法：querySelector

Best way to create new DOM elements [closed]

由 眉间皱痕 提交于 2020-02-26 08:58:27
问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 5 years ago . Using jquery is it better to create a DOM element like this:- function create(options) { $('<form action="' + options.action + '"></form>'); } Or like this: function create(options) { $form = $('<form></form>'); $form.attr('action',options.action); } This may be a matter of

Best way to create new DOM elements [closed]

由 ぐ巨炮叔叔 提交于 2020-02-26 08:58:06
问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 5 years ago . Using jquery is it better to create a DOM element like this:- function create(options) { $('<form action="' + options.action + '"></form>'); } Or like this: function create(options) { $form = $('<form></form>'); $form.attr('action',options.action); } This may be a matter of

jquery获取iframe中的dom对象

由 匆匆过客 提交于 2020-02-26 00:23:32
父窗口中操作iframe：$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口：$(window.parent.document) 接下来就可以继续获取iframe内的dom了。 获取iframe内的dom对象有两种方法 1 $(window.frames["iframeChild"].document).find("#child") 2 $("#child",window.frames["iframeChild"].document) 1.在父窗口中操作 选中IFRAME中的所有单选按钮 $(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true"); 2.在IFRAME中操作 选中父窗口中的所有单选按钮 $(window.parent.document).find("input[@type='radio']").attr("checked","true"); 来源： https://www.cnblogs.com/Qzhou/p/3166236.html

Java - XML

由 ￣綄美尐妖づ 提交于 2020-02-26 00:09:55
DOM|SAX|JDOM DOM SAX "推"式流模型， JDOM Java-based Document Object Model， DOM4J Document Object Model for Java StAX Streaming API for XML： XmlStreamReader + XmlStreamWriter ，"拉"式流模型，JDK1.6新特性 来源： https://www.cnblogs.com/wjcx-sqh/p/12364744.html

React教程：组件的生命周期

由 只愿长相守 提交于 2020-02-25 23:51:28
1、生命周期的概念 1.1、概念 在组件创建、组件属性更新、组件被销毁的过程中，总是伴随着各种各样的函数执行，这些在组件特定时期，被触发执行的函数，统称为组件的生命周期函数。 1.2、组件生命周期三个阶段 加载阶段（Mounting）： 在组件初始化时执行，有一个显著的特点：创建阶段生命周期函数在组件的一辈子中只执行一次； 更新阶段（Updating）： 属性和状态改变时执行，根据组件的state和props的改变，有选择性的触发0次或多次； 卸载阶段（Unmounting）： 在组件对象销毁时执行，一辈子只执行一次； 2、旧的生命周期 2.1、Mounting（加载阶段：涉及6个钩子函数） constructor() 加载的时候调用一次，可以初始化state getDefaultProps() 设置默认的props，也可以用dufaultProps设置组件的默认属性。 getInitialState() 初始化state，可以直接在constructor中定义this.state componentWillMount() 组件加载时只调用，以后组件更新不调用，整个生命周期只调用一次，此时可以修改state render() react最重要的步骤，创建虚拟dom，进行diff算法，更新dom树都在此进行 componentDidMount() 组件渲染之后调用，只调用一次 2.2
订阅 dom