liuwuyue
- 浏览: 23730 次
- 性别:
- 来自: 杭州
-
最新评论
文章列表
今天在实现一个级联效果的时候 ，三个下拉框级联 。主要用到change事件。 为减少事件监听，就用了代理的方式在父容器上监听change事件，然后 判定事件来源，对应进行处理。 在 ff, chrome 下 ，一切ok， 但是在IE 6 下，发现 不行。 遂查了原因。发现 change事件在 IE系列里面竟然不冒泡 ，伤不起啊 ，最后又悲剧的改为单个监听change事件。
经查发现： 不光 change事件， IE6 IE7 IE8 IE9(Q) 中 change、select、submit、reset 事件均不产生事件冒泡。
附：坑啊！ 再次缅怀秦始皇， 期待一 ...
假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。 obj.offsetLeft 指 obj 距离左方或上层控件的位置，整型，单位像素。 obj.offsetWidth 指 obj 控件自身的宽度，整型，单位像素。 obj.offsetHeight 指 obj 控件自身的高度，整型，单位像素。 如下是html
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
* {
padding ...
一.概述
本文系统的讲解DOCTYPE元素.同时查证了很多的资料.因为互联网上面的资料比较杂乱,所以经过收集整理我进行了重新定义.比如对于DOCTYPE元素的定义.主要分为基础知识和高级知识.基础知识讲解基本的DOCTYPE知识. 高级知识很多来自网络收集, 主要是实际应用的一些技巧.
二.定义
DOCTYPE是文档类型(Document Type)的缩写, <!DOCTYPE> 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面的位置，处于 <html> 标签之前。通过确认页面的DTD, ...
js中位运算还是很快的。有一种位掩码技术，用来处理同时存在多个布尔选项的情形。其思路即使用单个数字的每一位来判定是否选项成立，从而有效地把数字转换为布尔值标记组成的数组。掩码总每个选项都是２的幂。 例如 var OPTION_A = 1; var OPTION_B = 2; var OPTION_C = 4; 通过这些选项定义，可以用按位或运算创建一个数字来包含多个设置选项。 var option = OPTION_A |OPTION_B|OPTION_C ; 接下来你可以通过按位与操作来判断一个给定的选项是否可用。如果该选项未设置则运算结果为０，如果已设置则结果为１： //选项A 是否满 ...
在浏览帖子的时候，看到一篇写的比较透彻的帖子讲事件模型的。拿来记录下。
引用来源，感谢原作者rock.
2009-7-30来源:http://www.9demo.com 作者:Rock
事件
HTML元素事件是浏览器内在自动产生的,当有事件发生时html元素会向外界(这里 ...
以下为转载：
来自：http://www.cnblogs.com/wgw8299/archive/2011/02/06/1949453.html
感谢原作者:Tiwer
所谓"data"类型的Url格式，是在RFC2397中 提出的，目的对于一些“小”的数据，可以在网页中直接嵌入，而不是从外部文件载入。例如对于img这个Tag，哪怕这个图片非常非常的小，小到只有一个 点，也是要从另外一个外部的图片文件例如gif文件中读入的，如果浏览器实现了data类型的Url格式，这个文件就可以直接从页面文件内部读入了。
data类型的Url格式早在1998年就提出了， ...
读算法导论
第四部分第15章，提到DNA解析的时候的最大公共子序列问题。按书上描述用js实现代码如下
var str1 = 'accggtcgagtgcgcggaagccggccgaa';
var str2 = 'gtcgttcggaatgccgttgctctgtaaa';
var rl = new Array();
function LCS(str1,str2){
var m = str1.length ;
var n = str2.length ;
//模拟二维数组
//var rl = new Array();
for(var i=0;i<=m;i++){
...
以下是在网上查的资料，摘自别人的文章。
一、什么是闭包？
“官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
相信很少有人能直接看懂这句话，因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包，因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。看下面这段代码：
function a(){
var i=0;
function b(){
alert(++i);
}
return b;
...
周末去一家公司面试，面试官给出了几道题。如下：1: url解析 考虑用 字符串的split方法。 代码如下： url切割 输入: http://www.baidu.com?a=1&b=2 输出: {a:1,b:2} 直接切割 function getPara(url){ var tem ...
extjs store的record类型问题
昨天被客户提了一个问题，通过一个store，如何获取其record类型。当时不知道，查过ext api 后发现，store中 保留了record类型的引用，recordType 用法如下：
new store.recordType(defaultData);
即可创建一条记录。
今天客户提了一个需求，滚动条自动定位问题。大致如下：
树控件菜单中 ，有很多节点，当打开较多的时候，会显示不下，出现滚动条，用户展开一个靠下的节点时候，往往要先拉动滚动条，才能看到展开节点的叶子节点。客户希望在展开节点的时候，滚动条会自动定位，不需要拉动就能看到下面的子节点。
查找相关代码发现 滚动条是跟随焦点走的，焦点在哪，滚动条默认就向哪滚动，点击父节点或者展开按钮时候，是当前节点获取焦点，故滚动条只会滚动到当前节点处，要想实现用户的需求，最好是当前展开节点的最后一个节点获取焦点，查找ext api 发现treenode无获取焦点的方法，查看其元代吗，发现 treenode 的获取焦 ...
以下为引用文档：
引用地址为：https://developer.mozilla.org/en/Canvas_tutorial/Drawing_shapes
具体内容如下：
Unlike SVG, canvas only supports one primitive shape - rectangles. All other shapes must be created by combining one or more paths. Luckily, we have a collection of path drawing functions which make it possibl ...
html５汹涌而来。拿来玩玩。今天学习canvas。
首先上个例子，自己写了一个实现圆角矩形方法。
function drawRoundRect(ctx,x,y,w,h){
var d1 = 1/40*w; //设置 d1 d2的默认长度 为贝塞尔曲线取中间控制点做准备
var d2 = 1/50*w ;
ctx.beginPath();
// 第一个节点
ctx.moveTo(x,y+d1+d2) ; //起始点
ctx.bezierCurveTo(x,y+d1,x+d1,y,x+d2+d1,y); //第一个圆角
ctx.lineTo(x+w-d1 ...
毕业后日渐懒散，要多读书学习，立此一贴，对自己多多激励。
目前读书列表
javascript高级程序设计
javascript dom 编程艺术(第二版)
jeremy keith 著
杨涛译
编写高质量代码 web前端开发修炼之道
曹刘阳 机械工业出版社
高性能javascript
今天读javascript dom 编程艺术， 里面提到一个简单幻灯片的实现程序。牵涉到了事件冒泡，event对象浏览器兼容 ,循环内注册事件传递索引参数总是最后一个值等问题，感觉挺有代表性的。所以记录下来，以备以后查询。
首先事件冒泡，查询相关文档资料如下：
当事件在某一DOM元素被触发时，例如用户在客户名字节点上点击鼠标，事件将跟随着该节点继承自的各个父节点冒泡穿过整个的DOM节点层次，直到它遇到依附有该事件类型处理器的节点，此时，该事件是onclick事件。在冒泡过程中的任何时候都可以终止事件的冒泡，在遵从W3C标准的浏览器里可以通过调用事件对象上的stopPropa ...