<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[linuxの飘扬]]></title> 
<link>https://www.linuxfly.org/index.php</link> 
<description><![CDATA[Power by www.linuxfly.org]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[linuxの飘扬]]></copyright>
<item>
<link>https://www.linuxfly.org/post/603/</link>
<title><![CDATA[[原]IE 和FF 获取class属性的问题]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Thu, 30 Jun 2011 08:54:31 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/603/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;这是一个老问题了，做个记录吧。简单来说，就是IE8之前的版本，需使用getAttribute('className')才能获得class属性的值，FF及IE8之后的版本则是W3C 的标准getAttribute('class')。<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/javascript/" rel="tag">javascript</a>
]]>
</description>
</item><item>
<link>https://www.linuxfly.org/post/525/</link>
<title><![CDATA[[原]JavaScript的window.setTimeout()方法]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Fri, 11 Jun 2010 17:00:20 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/525/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;在测试某Web应用时，其中有段函数，用于动态的插入合适大小的图片到当前页面中。原理是：先利用JavaScript的Image对象读入图片，然后判断图片大小，当图片尺寸过大（超过阀值）时，给页面插入的HTML代码中，加入width和height的属性值。测试时发现，该功能有时候会失效，这时，width和height都会等于0。经分析，问题在于创建Image对象，并读入图片的过程会有延迟，不能立即得到图片的属性。而JavaScript是异步处理机制的，在图片未读完前，即继续往下执行。所以，导致获得的图片大小均为0。<br/>&nbsp;&nbsp;&nbsp;&nbsp;既然知道原因，那么处理方法很简单，就是在读取图片后，做个延时的处理，详细可参考：<a href="http://www.haoxiai.net/wangzhanzhizuo/wangyezhizuojiqiao/100708.html" target="_blank">这里</a>。<br/>&nbsp;&nbsp;&nbsp;&nbsp;没想到，在调整我的代码时，发现对setTimeout()方法的使用还有不少误解的地方，特整理如下。<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/javascript/" rel="tag">javascript</a> , <a href="https://www.linuxfly.org/tags/settimeout/" rel="tag">settimeout</a>
]]>
</description>
</item><item>
<link>https://www.linuxfly.org/post/524/</link>
<title><![CDATA[[原]JavaScript 的in 操作符]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Fri, 11 Jun 2010 05:52:22 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/524/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;在编写JavaScript时，遇到一个常见的问题“如何判断某值是否数组中的元素”？这让我想起了PHP中的in_array()函数和Python中in 操作符。但JavaScript似乎没有内置类似的函数，而其in 操作符的作用也有点不同。通过查询相关的资料，我发现JavaScript的in 操作符还是挺有用的。<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/javascript/" rel="tag">javascript</a> , <a href="https://www.linuxfly.org/tags/in/" rel="tag">in</a> , <a href="https://www.linuxfly.org/tags/operator/" rel="tag">operator</a>
]]>
</description>
</item><item>
<link>https://www.linuxfly.org/post/523/</link>
<title><![CDATA[[转]jQuery 的toggle()方法在IE 8 的tr失效的问题]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Mon, 07 Jun 2010 08:31:36 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/523/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;某Web应用，为了方便浏览，使用表格进行汇总时，初始化状态仅显示概要，若点击该行才用显示下面的详细内容。用jQuery 来实现本来是很简单的事情，在IE 7 测试时很顺利。但Win 7下发现，IE 8中动作失效了。经查找原因，原来是jQuery 1.3.2的<a href="http://dev.jquery.com/ticket/4661" target="_blank">Bug</a>。该问题早在网上有不少介绍：<a href="http://www.dotblogs.com.tw/walter/archive/2009/06/28/jquery-toggle-does-not-work-with-tr-in-ie8.aspx" target="_blank">这里</a>，转载如下：<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/jquery/" rel="tag">jquery</a> , <a href="https://www.linuxfly.org/tags/toggle/" rel="tag">toggle</a> , <a href="https://www.linuxfly.org/tags/bug/" rel="tag">bug</a> , <a href="https://www.linuxfly.org/tags/ie8/" rel="tag">ie8</a>
]]>
</description>
</item><item>
<link>https://www.linuxfly.org/post/519/</link>
<title><![CDATA[[原]使用ajaxfileupload.js插件实现Ajax方式上传文件]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Tue, 25 May 2010 09:52:50 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/519/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;无论是PHP，还是其他的服务端脚本都提供了文件上传功能，实现起来也比较简单。而利用JavaScript来配合，即可实现Ajax方式的文件上传。虽然jQuery本身没有提供这样的简化函数，但有不少插件可以实现。其中，<a href="http://www.phpletter.com/cn/" target="_blank">Phpletter.com</a>提供的ajaxfileupload.js是一个轻量的插件，而且编写方式与jQuery提供的全局方法$.post()非常相似，简单易用。<br/>&nbsp;&nbsp;&nbsp;&nbsp;不过，该插件实在太简化了，除了可提供需上传文件的路径外，也就不能传递额外的值到后台服务端。所以，我修改了一下该脚本，增加个一个data对象参数。<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/jquery/" rel="tag">jquery</a> , <a href="https://www.linuxfly.org/tags/plugins/" rel="tag">plugins</a> , <a href="https://www.linuxfly.org/tags/upload/" rel="tag">upload</a>
]]>
</description>
</item><item>
<link>https://www.linuxfly.org/post/512/</link>
<title><![CDATA[[原]jQuery中html()方法在IE 和 FireFox 的差别]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Thu, 29 Apr 2010 05:36:06 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/512/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;本来想着用jQuery等框架去避免浏览器之间对JavaScript处理的差异，但最终还是不能完全回避问题。刚好今天在Linux下修改代码，就发现了一个IE 和 FireFox 处理起来的不同之处。该方法是html() 。<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/jquery/" rel="tag">jquery</a> , <a href="https://www.linuxfly.org/tags/html/" rel="tag">html</a>
]]>
</description>
</item><item>
<link>https://www.linuxfly.org/post/504/</link>
<title><![CDATA[[原]JavaScript 的 keyCode与键盘对应表]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Wed, 03 Mar 2010 10:08:55 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/504/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;在使用JavaScript控制键盘的动作时，需要使用到window.event对象的keyCode判断。<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/javascript/" rel="tag">javascript</a>
]]>
</description>
</item><item>
<link>https://www.linuxfly.org/post/485/</link>
<title><![CDATA[[原]在jQuery的each()函数中使用continue和break]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Mon, 07 Sep 2009 09:55:36 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/485/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;jQuery的each函数可调用选择器得到的元素集进行循环调用。这意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都可以给函数传递一个表示作为执行环境的元素（index），在匹配的元素集合中所处位置的数字值作为参数（从零开始的整形）。<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/each/" rel="tag">each</a>
]]>
</description>
</item><item>
<link>https://www.linuxfly.org/post/482/</link>
<title><![CDATA[[转] jQuery 选择器]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Tue, 25 Aug 2009 04:06:14 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/482/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;jQuery选择器(Selectors,或译为选择符?)可以说是甚为强大,jQuery能够得以如此之名气,选择器的功劳是功不可没的.利用CSS和XPath选择符的能力,加上自己的”自定义选择符”,几乎无所不能的操作DOM,轻松的获取DOM中的任意元素和元素组.So,掌握好jQuery选择器,对于jQuery的学习就前进了一大步,最终发挥你的想象力,即可写出优雅高效的CODE;而对于新手而言,如何选择DOM中的元素是一个问的最多的问题.<br/>&nbsp;&nbsp;&nbsp;&nbsp;jQuery官方API中有列出详细的信息,可以移步至:<a href="http://docs.jquery.com/Selectors" target="_blank">Selectors</a>.<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/jquery/" rel="tag">jquery</a>
]]>
</description>
</item><item>
<link>https://www.linuxfly.org/post/473/</link>
<title><![CDATA[[转]Spry框架初步入门]]></title> 
<author>linuxing &lt;emos#linuxfly.org&gt;</author>
<category><![CDATA[JavaScript]]></category>
<pubDate>Sun, 26 Jul 2009 07:07:31 +0000</pubDate> 
<guid>https://www.linuxfly.org/post/473/</guid> 
<description>
<![CDATA[ 
	&nbsp;&nbsp;&nbsp;&nbsp;这篇文章在之前的日志中我曾经提过，虽然大部分的内容都可以在Spry API的说明中找到，但我觉得这20个知识点还是相当常用的，特转载过来。<br/>............<br/><br/>Tags - <a href="https://www.linuxfly.org/tags/spry/" rel="tag">spry</a>
]]>
</description>
</item>
</channel>
</rss>