Dom中有多种定位属性,下面是一个简单案例 1 2 3 document practise 4 21 22 23 24 25 26 27 28 29 30 31 32
分类:
其他好文 时间:
2014-11-11 22:37:24
阅读次数:
289
1.1事件流1.1.1.事件冒泡冒泡技术的基本思想是,事件从发生的目标最内部开始触发,向上触发到最外部(document对象)1.1.2.事件捕获事件捕获与冒泡相反,它的事件触发顺序是从最外层的对象到最里层的对象。事件捕获也可以window级的事件,但是需要开发者显示指定。1.2.3.DOM事件流D...
分类:
编程语言 时间:
2014-11-11 21:06:41
阅读次数:
396
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是fa...
分类:
其他好文 时间:
2014-11-11 17:54:49
阅读次数:
175
screenX clientX pageX概念打开的pop窗口随着鼠标点击的dom元素而定位展示的js代码:e是click事件,o是pop窗口的宽度或高度,eventX = function (e, o) {e = e || window.event;o = o || 0;x = e.pageX |...
分类:
其他好文 时间:
2014-11-11 16:01:37
阅读次数:
231
缓存变量
DOM遍历是昂贵的,所以尽量将会重用的元素缓存。
// 糟糕
h = $('#element').height();
$('#element').css('height',h-20);
// 建议
$element = $('#element');
h = $element.height();
$element.css('hei...
分类:
Web程序 时间:
2014-11-11 12:48:24
阅读次数:
256
在javascript中,一般的DOM元素如div,都有onmousedown、onmousemove、onmouseup这3个鼠标事件。
当鼠标在div1上移动或者按下左键拖动的时候,都会触发onmousemove事件。如何区分这2种事件呢?如何区分鼠标单击弹起和拖动后弹起呢?区分鼠标单击弹起和拖动后弹起,可以注册onmousedown和onmouseup事件处理函数,在onmous...
分类:
编程语言 时间:
2014-11-11 12:47:27
阅读次数:
318
最近学习IONIC,其中用到了ion-menu-nav-button,由于标签开始和结尾之间没有内容,所以图省事儿使用自封闭标签的写法:在chrome和firefox下都没有问题,只有在IE10下body中的内容都没有显示,开始以为是box显示模式问题。经调试后发现,在IE的DOM树中,ion-na...
分类:
其他好文 时间:
2014-11-11 12:38:53
阅读次数:
205
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素,属性和文本的树结构(节点树)。HTML文档可以说由节点构成的集合,三种常见的DOM节点:1.元素节点:上图中,,等都是元素节点,即标签。2.文本节点:向用户展示的...
分类:
其他好文 时间:
2014-11-11 12:31:30
阅读次数:
205
代码以jQuery 1.83 为例一 :Q:What is the difference between.get(),[], and.eq()?A: eq返回原生jQuery对象,截取某些el元素生成Jquery新对象 get和[]返回的都是原生的Dom对象,原理一致 get和[]区别是get是通过...
分类:
Web程序 时间:
2014-11-11 12:13:34
阅读次数:
200
xml字符串转xml dom经常遇到在js里面需要解析xml的问题,然而有时候,后台返回的不是dom 而是string 字符串,需要将字符串转换成dom对象,然后才可以进行节点值解析和读取function createXml(str){ if(document.all) { var xml...
分类:
Web程序 时间:
2014-11-11 10:35:04
阅读次数:
238