随笔分类 - javascript
摘要：刚开始写AJAX代码的时候，直接参照的是AJAX基础教程一书中的代码（该书真的很不错，是AJAX入门的经典教材，是图灵出版社的。计算机方面的书籍，我最信任的就是O'R和图灵的）。该书的创建XMLHttpRequest对象的代码如下：01varxmlHttp;0203functioncreateXMLHttpRequest()04{05if(window.ActiveXObject)06{07xmlHttp =newActiveXObject("Microsoft.XMLHTTP");08}09elseif(window.XMLHttpRequest)10{11xml
阅读全文
摘要：当我们不通过重新加载页面，用Ajax访问服务器的时候，有两个选择可以将请求信息传送到服务器上。这两个选择分别是GET和POST。在把请求信息发送到服务器上以加载新的页面时，这两个选择有两个不同之处。第一个区别是你是请求了信息的一小部分而不是整个页面。第二个区别也是最明显的区别是由于Ajax请求不会出现在地址栏中，因此当发送请求时，在访问者的屏幕上是看不出什么异同的。使用GET生成调用不会暴露域和它们的值，使用POST也不会暴露。因此，我们要怎样在这两者之间作出选择呢?初学者可能犯的一个错误是对于大多数的调用都使用GET命令，仅仅因为这一命令相对而言更容易编写。GET与POST调用之间最显著的差
阅读全文
摘要：今天写代码，把click事件绑定到了document上面，当我点击鼠标右键的时候，没想到firefox出发了click事件，在ie8 chrome13 上面测试都没有触发click事件，只有firefox触发了
阅读全文
摘要：（1）什么是事件起泡首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。 当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身不能处理这个事件（废话），事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函数的名字，就是让这个函数去处理该按钮的click事件）。 当事件在传播过程中，找到了一个能够处理它的函数，这时候我们就说这个函数捕捉到了这个事件。 说到这里，关键的问题
阅读全文
摘要：<div class="main_view"><div class="window"><div class="image_reel" style="width: 3160px; left: 0px;"><a href="http://www.16sucai.com/"><img src="http://www.cnblogs.com/chris-oil/admin/images/reel_1.jpg" alt="
阅读全文
摘要：判断元素上是否绑定过事件用如下语句jQuery.data(elem,"events")[type] //老版本也能用$(elem).data("events")[type] //1.2.3以后才能用返回值：一个Object，可以用for in来遍历。或者undefined。参数：elem是一个DOM对象，type 是事件类型。举例：判断id为foo的元素上是否绑定了click事件if( $("#foo").data("events")["click"] ){//your code}
阅读全文
摘要：Javascript的变量实际上Javascript中，变量 = 对象属性，这是因为 Javascript 在执行脚本之前会创建一个Global对象，所有的全局变量都是这个Global对象的属性，执行函数时也会创建一个Activation对象，所有的局部变量都是这个Activation对象的属性。如下例：var global = 42;this.global; // 42, 可以通过this来访问Global对象this.global2 = 12;global2; // 12function foo() {var local = 36;// 不过无法直接访问Activation，// ...
阅读全文
摘要：http://www.0773linji.com/jquery_plugs/jq_dialog/演示一 $("#openBox").click(function(){ $.dialog.open({ title: 'Hello World!', drag:true }); }); 打开演示二 $("#openBox2").click(function(){ $.dialog.alert('你确定要上传图片吗？',function(){alert('关闭');}); });打开演示三 $("#ope
阅读全文
摘要：“闭包”（closure）闭包就是能够读取其他函数内部变量的函数。闭包的用途一个是可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。Js代码 function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999 nAdd(); result(); // 1000JQUERY中的闭包：：(function($){ $("div p").click(funct...
阅读全文
摘要：js字符串转换成数字将字符串转换成数字，得用到parseInt函数。parseInt(string) ： 函数从string的开始解析，返回一个整数。举例：parseInt('123') : 返回 123（int）；parseInt('1234xxx') : 返回 1234（int）；如果解析不到数字，则将返回一个NaN的值，可以用isNaN()函数来检测；举例 ：var i = parseInt('abc');if (isNaN(i)){alert('NaN value');}同样的parseFloat函数是将字符串转换成浮点数
阅读全文
摘要：<script type="text/javascript" src="jquery-1.1.3.1.js"></script> <script type="text/javascript" src="jquery.linscroll.js"></script> <script type="text/javascript"> $(document).ready( function(){ $(’#scrollContent’).setSc
阅读全文
摘要：PSD转html，设计稿上，有一处内嵌的介绍信息，当文字过长时，要求使用一个经过处理的滚动条来展示。如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。代码如下： .uicss-cn { height:580px;overflow-y: scroll; scrollbar-face-color:#EAEAEA; scrollbar-shadow-color:#EAEAEA; scrollbar-highlight-color:#EAEAEA; scrollbar-3dlight-color:#EAEAEA; scrollbar-dar...
阅读全文
摘要：window.onXX这个，在w3c规范中有专门的定义，叫DOM第0级事件模型。在当今所有的浏览器中都有实现。但是缺点是，只能绑定一个事件处理函数。且不具备多事件排程绑定的功能addEventListener。在w3c标准中，叫DOM第2级事件模型。用来弥补window.onXX的不足。但是ie不支持，IE的多重事件绑定方法是attachEvent。特别要说一下，attachEvent和addEventListener实现的功能并非是完全一样的。不同点如下：1.attachEvent不支持捕获阶段，只支持冒泡阶段，而addEventListener可以通过最后一个参数设定2.attachEve
阅读全文
摘要：①setTimeout众所周知setTimeout(fn,time)是等待一段时间后,执行函数fn。在这个等待是异步的，也就是他不会站着茅坑，当前JS队列中的其他任务会按序执行但这里有个问题就是time毫秒过后的fn执行问题。是立即执行？不一定。这就像是一个买票的队伍，有正在买票的，有排在后面等待买票的。而setTimeout就相当于刚排到fn买票的时候他突然发现钱包一时翻不出来。所以他就让后面的人先买。过了time时间找到钱包后，如果现在没人买票的话，他可以立即买票。否则他就只能去排队了(当所有队列中的内容执行结束后才执行)。<input type="text" i
阅读全文
摘要：1<!DOCTYPEHTML>2<html>3<head>4<metacharset="gbk">5<title>切换</title>6</head>7<style>8body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}9body{font:12px/22pxTahoma,"宋体";
阅读全文
摘要：YUI compressor的下载地址是：http://developer.yahoo.com/yui/compressor/淘宝做了一个可视化的版本，叫做TBCompressor，可以到这里下载：http://lifesinger.org/blog/?p=464谢谢岁月老大！如果你没有安装JAVA环境的话，还需要安装一下JDK下载地址是：http://java.sun.com/javase/downloads/index.jsp我们选择（Java SE Development Kit (JDK) 6 Update 11）这个下载。下载，安装，一路Next，没有任何问题，对了，你可以修改一下路
阅读全文
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
阅读全文
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--functiongetFirstChild(obj){varresult=obj.firstChild;while(!result.tagName){result=result.nextSibling...
阅读全文