云烟阁

最近好久没写日志了，因为比较忙，而且没什么好写的，有了微薄 更多的都记载在微薄里面 ，这篇日志 主要是写  javascript  DOM 的一些属性 和方法  留作以后再看。DOMdocument.createElement(li);   创建一个元素document.createTextNode();    创建一个文本.appendChild();   在父DOM

ajax 用 XMLHttpRequest 对象来实现 IE 6不支持 要用 ActiveX组件来实现所以我们要兼容的创建 ajax//ajaxfunction createAjax() {    if(typeof XMLHttpRequest != "undefined") {        return  new XMLHttpRequest();

3年计划最近几年打算明年把英语学好。然后继续深入学习php javascript 。分析主流cms 核心代码 。开始学习linux apache 网站的高并发 大负载 。然后 开始学习数学 从小学数学学起 一直到高中数学 。学习下C语音 和java 还有算法。1.如果是一个的话 就是用 xxx[0];如果是多个的话 就用循环 为每个添加  Demo:

一、用前必备官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/API: http://jquery.bassistance.de/api-browser/plugins.html当前版本：1.5.5需要JQuery版本：1.2.6+, 兼容 1.3.2二、默认校验规则(1)req

jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。官方例举的例子感觉和attr()差不多，也不知道有什么区别，既然有了prop()这个新方法，不可能没用吧，那什么时候该用attr()，什么时候该用prop()呢？大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled =

jQuery是一套跨浏览器的JavaScript函式库，强化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上释出第一个版本。目前全球有28%的站台使用jQuery，是目前最受欢迎的JavaScript函式库。jquery ready函数源代码:一般情况下都是设置body标签的onload监听window的load事件.但load

$("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID")； 取父窗口的元素方法：$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用：$(selector, win

Slider采用滑动的效果来显示我们的选择，可用在纯数字的选择上，看看效果：UI实践系列（三）Slider" title="Jquery UI实践系列（三）Slider" style="margin:0px; padding:0px; border:0px; list-style:none">在上图中有两个滑动块供我们选择；先加入必要的js：      页面中设置两

jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用.  注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。 $(document).scrol

幻灯片、走马灯等一直是网页中比较常用的交互效果，在移动平台上也不例外，唯一的区别是操作方式不同，这里介绍一款同时适用于触摸、鼠标操作的幻灯片交互脚本 —— Touchslider官网地址：http://touchslider.com/优点：兼容性好，适用于主流的桌面及移动(基于Weibkit)浏览器，且同时兼容鼠标和触摸操作性能优秀，在 Android 和 iOS 等移

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全

在Bootstrap源码(具体请看《Bootstrap源码解析》)和其他jQuery插件经常看到如下的写法： Js代码  +function ($) {     }(window.jQuery);   这种写法称为：IIFE （Imdiately Invoked Function Expression 立即执行的函数表达式）。 

javascript  正则var re = new RegExp(模式，标志);替换  每个分组替换一次 第二个可以放具体值，也可以放函数RegExp.replace(//,fn);验证是否为真  RegExp.test();  用来测试  true falseRegExp.exec();  分组 返回数组  先返回一个总的分组 然后返回各个分组ale

无标题文档body,div,ul,li{margin:0;padding:0;}ul{list-style-type:none;}body{background:#000;text-align:center;font:12px/20px Arial;}#box{position:relative;width:492px;height:172px;background:#fff;borde

跟随鼠标移动（大图展示）html,body{overflow:hidden;}body,div,ul,li{margin:0;padding:0;}#box ul{width:768px;height:172px;list-style-type:none;margin:10px auto;}#box li{float:left;width:170px;height:170px;curso

在发生mouseover和mouseout事件时，还会涉及更多的元素。这两个事件都会涉及把鼠标指针从一个元素的边界之内移到另一个元素边界之内。对mouseover事件而言，事件的主目标是获得光标的元素，而相关元素就是那个失去光标的元素。类似地，对mouseout事件而言，事件的主目标是失去光标的元素，而相关元素则是获得光标的元素。DOM通过event对象的relatedTarget属性提供

作用域（scope）是JavaScript语言的基石之一，这篇文章将正面解决这个问题：简述上下文（context）和作用域的定义，分析可以让我们掌控上下文的两种方法，最后深入一种高效的方案，它能有效解决可能碰到的90%的问题。我在哪儿？你又是谁JavaScript 程序的每一个字节都是在这个或那个运行上下文（execution context）中执行的。你可以把这些上下文想象为代码的邻居，

Function本身也是个Object，所以，如果说js里有"实例属性"和"实例方法"的话,那它们是在构造函数理定义如下：function className(){this.a = ""; //实例属性this.b =" ";this.c= funcC; //实例方法}function funcC(){ //方法......}或用:funct

Event属性和方法：type：事件的类型，如onlick中的click；srcElement/target：事件源，就是发生事件的元素；button：声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，酒把这些值加起来，所以3就代表左右键同时按下；（firefox中 0代表左键，1代表中间键，2代表右键）clientX/clientY：事件发生的时候，鼠标相对于

假设 obj 为某个 HTML 控件 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度，不包

function setCookie(name,value,expires,path,domain,secure) { var cookieName = encodeURIComponent(name)+'='+encodeURIComponent(value); if(expires instanceof Date) { cookieName += '; expires = '+expi

JS中有一个基本概念就是： JavaScript中undefined==null 但undefined!==null undefined与null转换成布尔值都是false 如果按照常规想法，比如下面的代码 Js代码  var a=1;  alert(Boolean(a));//返回true  //那么下面的代码也应该返回true  aler

在做一些tips效果，或者是一些图片浏览效果时，图片开始是隐藏的，当用户进行一定的操作时，图片会根据需要显示出来。但图片文件都相对比较大，如果一下子都显示出来，很耗时间和流量，如果都不显示，等触发一定事件时再加载，用户体验又不太好，增加用户的等待时间。     权 衡一下利弊，可以有选择的利用JavaScript预加载一些需要的图片，先将其装入DOM，等到需要的时候，直接调用，省掉等待的时间，

JavaScript操作XML是通过XML DOM来完成的  Ie 下面是用ActiveX对象来实现的。那么什么是XML DOM呢？XML DOM 是：用于 XML 的标准对象模型用于 XML 的标准编程接口中立于平台和语言W3C 的标准XML DOM 定义了所有XML 元素的对象和属性，以及访问它们的方法（接口）。也就是说：XML DOM 是用于查询、添加、修改、

iframe 父窗口和子窗口的调用方法父窗口调用子窗口 iframe_name.iframe_document_object.object_attribute = attribute_value 例子:onClick="iframe_text.myH1.innerText='http://www.pint.com';" 子窗口调用父窗口parent.parent_document_

星级评分系统body,div,ul,li,p{margin:0;padding:0;}body{color:#666;font:12px/1.5 Arial;}ul{list-style-type:none;}#star{position:relative;width:600px;margin:10px auto;}#star ul,#star span{float:left;disp

npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。node的安装分为全局模式和本地模式。一般情况下会以本