随笔分类 -  javascript

键盘与文本事件
摘要：《javascript高级程序设计》 13.4.4 ---键盘与文本事件 笔记 一、键盘事件 1. 有3个键盘事件 keydown 当用户按下键盘上的任意键时触发，而且如果按住不放的话。会重复触发此事件 keypress 当用户按下键盘上的字符键时触发，而且如果按住不入的话，会重复触发此事件、按下Esc键也会触发这个事件。Safari3.1之前的版本也会在用户按下非字符键时触发些事件 ke... 阅读全文
posted @ 2013-10-07 16:20 独角xi 阅读(416) 评论(0) 推荐(0)
鼠标与滚轮事件
摘要：《javascript高级程序设计》13章 --- 13.4.3 笔记 一 、DOM3级事件定义了9个鼠标事件 a. click 单击主鼠标按钮（一般是左边的按钮）或者按下回车键时触发。意味着click即可以通过键盘也可以通过鼠标触发事件 b. dblclick 双击主鼠标按钮（一般是左边的按钮）时触发 c. mousedown 按下任意鼠标按钮触发，不能通过键盘触发 d. mouseenter ... 阅读全文
posted @ 2013-10-07 13:57 独角xi 阅读(609) 评论(0) 推荐(0)
DOM 之Range(范围)
摘要：-------《javascript高级程序设计》 12.4 范围 笔记------- DOM2级在Document类型中定义了createRange()方法，在兼容DOM的浏览器中，这个方法属于Document对象。可以使用HasFeature方法来检测浏览器是否支持范围 var supportsRange = document.implementation.hasFeature(‘Range’, ‘2.0’) var alsoSupportsRange = (typeof document.createRange == ‘function’); 一、如果浏览器支持Range，就可以使... 阅读全文
posted @ 2013-10-06 20:40 独角xi 阅读(1410) 评论(0) 推荐(0)
《javascript设计模式》--接口
摘要：关于javascript设计模式书中的接口，记录如下 //TODO 增加了一个判断条件，可以只在生产环境中调用 接口var Interface = function(name,methods){ if(arguments.length != 2){ throw new Error('Interface constructor call with' + arguments.length + 'arguments,but expecter exactly 2.') } this.name = name; this.methods = []; for(var i = 阅读全文
posted @ 2013-09-25 20:36 独角xi 阅读(157) 评论(0) 推荐(0)
活动倒计时脚本
摘要：活动倒计时脚本，根据当前活动状态来修改活动提示及活动的时间 倒计时(function() { var $actime, $actitle, $endtime, $nowtime, $starttime, acinfo, init, timer; $actime = document.getElementById('ac-time'); $actitle = document.getEleme... 阅读全文
posted @ 2013-09-25 15:14 独角xi 阅读(335) 评论(0) 推荐(0)
关于获取元素的样式的兼容问题
摘要：在table不能遗露了tbody的最后测试图中，会发现虽然设置了table的一个高度，但经过浏览器渲染后的实际高度没有200px，因此，小小研究一下，记录如下 一、style 可以通过style来获取一个元素的内联样式，这个返回值就是你设置的值（颜色可以会变进制) 1. 可以返回组合式的样式，比如font,border,background等， a), 但在处理颜色上稍微有一些变化，比如ba... 阅读全文
posted @ 2013-09-04 14:23 独角xi 阅读(1072) 评论(2) 推荐(3)
table不能遗露了tbody
摘要：1.假如创建一个空表，然后去设置它的innerHTML，并获取表单的高度；在ie10及其他的浏览器中，会像预期一样正常被解析出来； somemessage\tandsomeleveal 在ie8,ie9中报错，浏览器会渲染出table,并把它展现在页面上，但不会渲染出里面的内容,（解析结果为) 在ie6,ie7中报错，浏览器会渲染出table，但不会把它展现在页面上，(解析结果为） 通过其解析结果可以看出，浏览器都将它样式解析完成。我们可以通过currentStyle[attr]来获取样式，但不同点在于，ie6 ie7不会展现在页面上，意思就是在ie6 7的页面上，没有table的存在，它在页 阅读全文
posted @ 2013-09-03 21:26 独角xi 阅读(913) 评论(0) 推荐(1)
转码与解码
摘要：String对象有3组转码与解码的方法(返回的都是该字符串的一个副本) 转码 解码 escape unescape encodeURI decodeURi encodeURIComponent decodeURIComponent 其中encodeURI与encodeURIComponent的区别在于：（来自51job的javascript encodeURI和encode... 阅读全文
posted @ 2013-08-30 14:03 独角xi 阅读(1098) 评论(0) 推荐(0)
setInterval && setTimeout || 定时器
摘要：来自w3school的解释 定时器setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式... 阅读全文
posted @ 2013-08-29 12:10 独角xi 阅读(258) 评论(0) 推荐(0)
关于onpropertychange与oninput的兼容问题
摘要：关于onpropertychange与oninput的用法，网上一大堆，但还是有不兼容的时候，比如说，我想计下，一个input的值改变了多少次，如果写成兼容写法就为 onpropertychange与oninput事件 改变属性View Code 刷新浏览器，在chrome与firefox中，你会发现oTxt1的值还是为'请输入……'，而IE中，你发现为2，图如下假如你改变一下oTxt1的值，最大的变化出现了。chrome与firefox中oTxt2的值为1，IE出现了出现了两种不同的值，IE9以下的每改变一次只会+1，但IE9及以上的由于支持oni... 阅读全文
posted @ 2013-07-15 22:17 独角xi 阅读(2548) 评论(0) 推荐(0)
事件 + 小兼容测试
摘要：1.阻止默认事件 return false2.系统默认右键菜单 oncontextmenu 若想兼容所有浏览器，需要写成document.oncontextmenu=function(){ return false;}3.原生javascript的鼠标位置是event.clientX与event.clientY. 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平（垂直）坐标。 客户区指的是当前窗口。4.jquery中鼠标位置是用event.pageX与event.pageY clientY 与pageY是有区别的，clientY会忽略滚动条滚动的距离，它指的是鼠标相对于内. 阅读全文
posted @ 2013-05-09 23:39 独角xi 阅读(200) 评论(0) 推荐(0)
《javascript语言精髓与编程实践》——javascript运算符语义的二义性
摘要：1. + ⑴ 表示字符串连接；一个表达式中如果存在字符串，则优先按照字符串连接来进行运算 （原生javascript） (2) 表示数字取正的一元运算符； 如+5，这是一个表达式，其中+是运算符，5是运算元； (3) 表示数值的求和运算；2. () (1)语句的词法元素 (2)作为“传值参数表” (3)用于强制表达式运算3. ： (1)声明直接量对象的成员和声明标签 (2)在switch语句中声明一个分支 (3)在三元表达式中作为一个运算符4. ｛｝ (1)表示复合语句 (2)声明对象直接量 (3)函数直接量声明时的语法符号 (4)结构化异常处理的语法符号5. ， (1).可以作为连续... 阅读全文
posted @ 2013-05-09 20:28 独角xi 阅读(272) 评论(0) 推荐(0)
function
摘要：1.函数分为函数声明与函数表达式，函数声明一定会带有函数名称，函数表达式不一定带有函数名称；2.函数表达式是可以赋值表达式的一部分；3.在javascript解析过程中，函数声明被提前解析到作用域的顶部，因此，在一个作用域中，不管函数声明在哪个地方，都能调用它4.函数表达式被赋值给一个变量时，变量被预解析到顶部，但函数表达式不会提前到顶部，因此，只能在它后面调用它的值；5.函数声明不能出现在条件判断语句，循环语句及with语句中，只能用函数表达式来替代6.函数调用方式有四种： 作为函数调用;函数声明调用时，是作为全局变量调用，因此，它的调用上下文是全局，其this指向全局 作为方法调用；函.. 阅读全文
posted @ 2013-05-09 09:46 独角xi 阅读(173) 评论(0) 推荐(0)
delete运算符
摘要：1.delete是一个运算符，标志着它不能独立出现在语句中，必须跟着运算元2.delete运算符的优先级仅次于 ”.“，”[]“，”()“；3.delete仅在删除一个不能删除的成员是，才会返回false4.delete不能删除用var声明的变量； //因为用var声明的是全局变量5.delete不能删除继承自原型的成员，但如果实例中修改了这个成员的值，也可以删除实例中成员表的值与描述符//构造器 function MyObject() {}; MyObject.prototype.say = function() {};var obj = new MyObject();for(var i i 阅读全文
posted @ 2013-05-08 16:19 独角xi 阅读(470) 评论(0) 推荐(0)
《javascript语言精髓与编程实践》--原型继承笔记
摘要：1.直接量：直接量的值可以在声明的同时就确知了；有undefined、true/false、字符串、数值、正则表达式、null2.表达式：由运算元、运算符组成的，并产生结果的语法结构；本身也是无法预知的; 语句是由“;”分隔的句子或命令，如果在表达式后面加上一个”;“则是表达式语句，它表明“只有表达式，而没有其他语法元素的语句”； 单值表达示：没有运算符的表达式称为单值表达式；3.null是空对象，可以用for in 来枚举，但枚举不到内空，因为它不是Object()构造器（或子类）实例来的，因此instanceof返回false;4.｛｝是空的对象，具有对象的一切特性，已经预定义的属性与方法 阅读全文
posted @ 2013-05-08 12:52 独角xi 阅读(213) 评论(0) 推荐(0)
(function(){}())与(function(){})()的区别
摘要：var a = (function() { return 123}());var b = (function() { return 123})(); 两个的结果都是返回123，但含义是不相同的， a 是强制运算符使函数调用运算得以执行，而b是用强制运算符运算‘函数直接量声明'这个表达式，并返回一个函数本身的引用，再通过函数调用运算符’（）‘来操作这个函数的引用 阅读全文
posted @ 2013-05-07 19:01 独角xi 阅读(179) 评论(0) 推荐(0)