![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 61
yangsp1
这个作者很懒,什么都没留下…
展开
-
JavaScript 拖放效果系列一
原文来自:[url]http://www.cainiao8.com/web/js_examples/13_tuozhuai.html[/url]为什么要实现这个拖拽效果?菜鸟一直比较好奇JavaScript的拖拽是怎么实现的,刚刚进入大四,闲时间又多了,突然想起一探JS拖拽的究竟。百度搜索到了蓝色的一篇文章“怎么用javascript进行拖拽”,英文原文为“How to Drag ...原创 2009-10-15 09:24:44 · 167 阅读 · 0 评论 -
IE Firefox通用DOM
[url]转自:http://blog.csdn.net/lenotang/archive/2008/10/18/3096627.aspx[/url] 要写出在各大主流浏览器上都兼容的JS代码,就要关注他们的区别,下是IE和FF综合考虑的通用DOM!1.document.formName.item("itemName") 问题说明:IE下,可以使用documen...原创 2009-08-06 14:34:19 · 107 阅读 · 0 评论 -
javascript事件处理机制——容易被我们遗忘的细节问题
[url]转自:http://www.iteye.com/topic/299320[/url]最近在细读mootools core源代码中,在阅读到包装Event的时候,才发现,以前没对js事件处理处理机制深入的研究.遂,再次翻开尘封已久的java犀牛书,仔细的阅读了一把. 我们在书写js程序的时候,在很大程度上,都是写客户端交互程序,所以大部分都可以事件有关.但是遗憾...原创 2009-08-06 13:56:13 · 187 阅读 · 0 评论 -
Javascript在IE和Firefox中的区别
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明[url]转自:http://madinsect.blogbus.com/logs/24899256.html[/url]1. 当一个对象为不可见时,在IE中是不可以设置它集中焦点的,但是在Firefox里可以2. 向表(Table)追加行:在FF、 Safari、Opera等浏览器中,用documen...原创 2009-08-05 17:22:17 · 86 阅读 · 0 评论 -
什么是DOM?DOM和JavaScript的关系 - [web开发]
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明[url]转自:http://madinsect.blogbus.com/logs/37339960.html[/url]这个做了这么久的front-end了,这个问题还没有理解的这么深入,惭愧,惭愧。看看这篇文章吧什么是DOM?文档对象模型(Document Object Model,DOM)是一...原创 2009-08-05 17:14:50 · 329 阅读 · 0 评论 -
转自:(邂逅思维)发现几处IE与firefox的js和css几处不同点
[url]转自:http://bbs.blueidea.com/thread-2783024-1-1.html[/url]终于完成了偶的拖动窗口,花了近15个小时,庆祝一下(*^__^*);以前写了IE下的功能,于是又写了firefox下的功能,在firefox上花了很多时间,发现了firefox中几处与IE中不同的地方:1.firefox不能对innerText支持,也不知道为什...原创 2009-08-05 16:12:46 · 105 阅读 · 0 评论 -
JavaScript 页面 宽度 、高度 (一)
[url]转自:http://kanglecjr.iteye.com/blog/368183[/url]关于获取各种浏览器可见窗口大小的一点点研究 [code="java"] 1. 2. function getInfo() 3. { 4. var s = ""; 5. s = " 网页可见区域宽:" document.body.c...原创 2009-08-05 14:15:11 · 141 阅读 · 0 评论 -
JavaScript 拖放效果
[url]转自:http://www.iteye.com/topic/271311[/url]拖放效果,也叫拖拽,学名Drag-and-drop ,是最常见的js特效之一。如果忽略很多细节,实现起来很简单,但往往细节才是难点所在。这个程序的原型是在做图片切割效果的时候做出来的,那时参考了好几个同类的效果,跟muxrwc和BlueDestiny学习了不少东西。虽然每次整理都觉...原创 2009-08-05 11:03:49 · 110 阅读 · 0 评论 -
javascript的一些坐标位置属性2
screenX:鼠标在显示屏幕上的坐标。clientX:鼠标在页面显示区域的坐标。注:以上两个都是各浏览器通用的。pageX:FF特有,鼠标在页面上的位置,从页面左上角开始定位,这个可以很方便在整个页面上进行定位,IE没有直接替换的属性。layerX:FF特有,鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父元素”的边界的位置,从bo...原创 2009-08-05 10:28:23 · 292 阅读 · 0 评论 -
javascript的一些坐标位置属性
参考另一:[url]http://www.cnblogs.com/rainman/archive/2009/02/15/1391056.html[/url]offsetX/offsetY:相对于当前元素的位移x/y:相对于当前座标系的位移,但是IE常常搞错当前座标系layerX/layerY:相对于当前座标系的位移pageX/pageY:相对于网页的位移clientX/...原创 2009-08-05 10:26:45 · 129 阅读 · 0 评论 -
JavaScript prototype整理(网上的三种理解)
prototype属性,只有function对象中才具有的显式属性;网上三种理解: 1:通过构造函数创建的普通对象,通过其constructor属性引用它的构造函数对象,从而间接引用(拥有)了构造对象中的prototype对象;如图:[img]http://dl.iteye.com/upload/picture/pic/47469/bcc49472-57d...2009-10-21 18:55:31 · 183 阅读 · 0 评论 -
JavaScript 拖放效果系列6——修复错误
原文来自:[url]http://www.cainiao8.com/web/js_examples/27_tuozhuai6.html[/url]在实际应用拖拽的时候发现自己犯了两个错误,都是当文档内容多余一个屏幕的时候才会出现。错误一,绝对位置刚开始非常不解为什么拖拽需要获得鼠标相对文档的绝对位置,我之前写的代码也都是仅仅使用clientX和clientY实现的,这两个属...原创 2009-10-15 09:58:59 · 213 阅读 · 0 评论 -
JavaScript 拖放效果系列五——性能优化
原文来自:[url]http://www.cainiao8.com/web/js_examples/22_tuozhuai5.html[/url] JavaScript拖拽的性能问题在一次距离适中的拖拽过程中,鼠标的mousemove事件可能要触发成百上千次(不信的话可以在“addEventSimple观察鼠标事件”那个例子里测试一下)。而拖拽脚本要做的恰恰是响应mouse...原创 2009-10-15 09:56:15 · 900 阅读 · 0 评论 -
JavaScript 拖放效果系列四——获得元素的位置
原文来自:[url]http://www.cainiao8.com/web/js_examples/21_tuozhuai4.html[/url]在第一节我们实现了基本的拖拽效果的时候,window.onload事件的响应函数定义如下:[code="javascript"]window.onload = function(){ test = document.getElem...原创 2009-10-15 09:48:29 · 299 阅读 · 0 评论 -
JavaScript 拖放效果系列三——解决快速拖拽的问题
原文来自:[url]http://www.cainiao8.com/web/js_examples/15_tuozhuai3.html[/url] 上一节我们让拖拽代码使用起来更方便、适用于多个元素,同时解决了偶尔会出现的拖动一个元素,多个元素一起移动的问题。但是在快速拖拽的时候,会出现延迟,或者元素干脆就停止移动了。元素停止移动的原因分析一下上面问题的原因:鼠标滑动地...原创 2009-10-15 09:38:55 · 786 阅读 · 0 评论 -
JavaScript 拖放效果系列二——多元素、分离JS
原文来自:[url]http://www.cainiao8.com/web/js_examples/14_tuozhuai2.html[/url]上一节我们实现了基本的拖拽,但是需要给可拖拽的元素设置一个特定的id,然后再在JS中修改代码,使用起来比较麻烦。这样一旦文档结构发生变化就要调整JS代码,没有做到JavaScript与HTML分离的原则。所以应该实现一个可以适用于多个...原创 2009-10-15 09:30:13 · 229 阅读 · 0 评论 -
谈谈Javascript的this指针
[url]转自:http://developer.51cto.com/art/200907/136245.htm[/url]Javascript的this指针一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。示例说明我们先来看一个最简单的Javascript this指针示例:[code="javascript"] 1. ...原创 2009-08-10 10:55:13 · 89 阅读 · 0 评论