随笔分类 -  Javascript

摘要：转：http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但 阅读全文

摘要：前言JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时间的，今天我们就来了解一下原型和原型链。原型10年前，我刚学习JavaScript的时候，一般都是用如下方式来写代码： var decimalDigits = 2, tax ... 阅读全文

摘要：最常见的闭包 (Closure) 范式大家都很熟悉了：123(function() {// ...})();很简单，大家都在用。但是，我们需要了解更多。首先，闭包是一个匿名函数 (Anonymous function), 即是 (function() {}) 这部分。之所以要给 function 添加括弧是为了让它形成一个表达式 (expression), 有了表达式，并且确定它的类型是个函数 (Function 实例), 就可以直接调用它。所以，后面的一对括弧是可以工作的，它的意义是：我要调用 (call) 这个函数。既然是函数调用，那就可以像一般的函数那样，在调用时传入参数。这就是本次讨论 阅读全文

摘要：转：http://www.cnblogs.com/lhb25/archive/2011/09/06/javascript-scope-chain.html作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。JavaScript作用域 任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和. 阅读全文

摘要：什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域， 阅读全文

摘要：selenium 是thoughtWorks公司的一个强大的开源Web功能测试工具系列，采用javascript来管理整个测试过程，包括读入测试套件，执行测试和记录测试结果。它采用javascript单元测试工具JSUnit为核心，模拟正式用户操作，包括浏览页面，点击链接，输入文字，提交表单，触发鼠标事件等。并且能够对页面结果进行种种验证。也就是说，只要在测试用例中把预期的用户行为与结果都描述出来，我们就得到了一个可以自动化运行的功能测试套件。Selenium的核心是用javascript写的，他和浏览器进行通行，把测试用例的信息发送给浏览器执行，从而达到自动化测试的目的 Selenium系列 阅读全文

摘要：1. 集合类对象问题现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为Js代码document.forms["formName"];//又如：document.getElementsByName("inputName")(1);//改为document.getElementsByName("inputName")[1];document.forms["formName"] 阅读全文

摘要：1.DOCTYPE 声明影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特 阅读全文

摘要：作者：梦想出处：http://www.cnblogs.com/lhb25尽管我使用Javascript来做开发有很多年了，但它常有一些让我很惊讶的小特性。对于我来说，Javascript是需要持续不断的学习的。在这篇文章中，我将列出10个Javascript使用小技巧，主要面向Javascript新手和中级开发者。希望每个读者都能至少从中学到一个有用的技巧。1.变量转换看起来很简单，但据我所看到的，使用构造函数，像Array()或者Number()来进行变量转换是常用的做法。始终使用原始数据类型（有时也称为字面量）来转换变量，这种没有任何额外的影响的做法反而效率更高。viewsourcepri 阅读全文

摘要：A FEW YEARS BACK I WROTE A TUTORIAL CALLED “THE SECRET BEHIND THE PAGE FLIP TECHNIQUE”for Silverlight Developers while working as Creative Director at the experience agency,cynergy.That blog post isn’t available anymore, and I haven’t touched Silverlight in a while, but even now, I still get several 阅读全文

摘要：第二篇 使用对象和属性用点记法或括号法获取/设置/更新对象的属性点记法相对括号法更常用一些，但是有时候只能用括号法，点记法用不了。如：1.如果你想操作的对象属性名被储存在一个变量内。var foobarObject = {foobar: 'Foobar is code for no code'};var string1 = 'foo';var string2 = 'bar';console.log(foobarObject[string1 + string2]);2.属性名是无效标识符时。var myObject = {'123' 阅读全文

摘要：此文是《Javascript Elightment》的读书笔记，希望和有意向从jS库的使用者转变成js的开发者的童鞋们一起分享。第一篇 javascript 对象创建对象Js中，所有事物都是对象或者可以表现得像对象。记住：对象事实上就是一个属性（名字和对应的值）的容器。方法其实也是对象的一个属性，它包含了用来操作对象的function()对象。如果没有方法，对象除了保存静态属性外什么也做不了。创建一个对象：var myObject = new Object();上面代码解析： 我们用一个指向Object() 构造函数的空对象去创建新对象。可以把构造函数看成生产预定义好的对象的模板。我们也可以自 阅读全文

摘要：安装就不用说了，很简单，在FireFox上插件库里找到FireBug就Ok了。下图是FireBug Debug 窗口。 FireBug美工用的非常普遍，公司美工妹妹用的非常熟练 呵呵，而对于我们开发人员，主要用它来Debug JS。看看官方对Debug功能的介绍。Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and see what each variable looked like at that moment. If your code is a litt. 阅读全文

摘要：在项目中经常会用到JQuery和DOM的相互转换一般来说，有以下方式可以实现1.JQuery转DOM var o=document.getElementById("id");//o即是DOM对象 var $v=jQuery(o); //v就是jQuery对象2.DOM转jQuery jQuery对象的本质是数组对象，因此转换有两种方法： （1）[index]属性 var $v =jQuery("#id"); //v即是jQuery对象 var o=$v[0]; //o就是DOM对象 （2）get(index)方法 var $v =jQuery(" 阅读全文

摘要：Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一下几个问题:1.apply和call的区别在哪里2.什么情况下用apply,什么情况下用call3.apply的其他巧妙用法（一般在什么情况下可以使用apply）我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用. apply:方法能劫 阅读全文

摘要：js callcall 方法请参阅应用于：Function 对象要求版本 5.5调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。-------------------- 阅读全文

摘要：Node.ELEMENT_NODE（1）Node.ATTRIBUTE_NODE (2)Node.TEXT_NODE (3)Node.CDATA_SECTION_NODE(4)Node.ENTITY_REFERENCE_NODE(5)Node.ENTITY_NODE (6)Node.PROCESSING_INSTRUCTION_NODE (7)Node.COMMENT_NODE (8)Node.DOCUMENT_NODE(9)Node.DOCUMENT_TYPE_NODE(10)Node.DOCUMENT_FRAGMENT_NODE(11)Node.NOTATION_NODE(12) 阅读全文

摘要：用js判断页面是否加载完成实现代码jquery加载页面的方法(页面加载完成就执行)。1、$(function(){ $("#a").click(function(){ //adding your code here });});2、$(document).ready(function(){ $("#a").click(function(){ //adding your code here });});3、window.onload = function(){ $("#a").click(function(){ //adding you 阅读全文

摘要：转：http://topic.csdn.net/u/20100703/12/b7006a23-7d5b-4e5f-868d-38b64cc9aa1c.html?75132做BS开发就难免会用到javascript，而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们下面是兼容IE和FF的js脚本做法和分解（部分选自网上，经本人整理），希望对大家有帮助。/*以下以 IE 代替 Internet Explorer，以 MF/FF 代替 Mozzila Firefox *///window.eventIE：有window.event对象FF：没有window.event对象。 阅读全文

摘要：Javascript 面向对象编程（一）：封装Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？一、 生成对象的原始模式假定我们把猫看成一个对象，它有"名字"和"颜色"两个属性。 var Cat = { name : '', 阅读全文