分类目录归档:JavaScript

脚本处理动画的良好方法-requestAnimationFrame

alloyteam发了一篇blog文章《追踪子弹-初中简单的物理和数学》,在文章的最后提到一个动画的计时控制的东东- requestAnimationFrame,它是一个浏览器在通过计时制作动画时,解决显示刷新频率和渲染效率之间的平衡问题。

继续阅读

javascript转换日期字符串为Date对象


Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /wmcuit/data/www/wmcuit.com/wp-content/plugins/wp-syntax/wp-syntax.php on line 383

Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /wmcuit/data/www/wmcuit.com/wp-content/plugins/wp-syntax/wp-syntax.php on line 383

如何把一个字符串格式为“YYYY-MM-DD HH:MM:SS”日期转换成标准的javascript中的Date对象,baidu后找到一个好的方法:http://swingboat.javaeye.com/blog/445618,整理如下。

 

把一个日期字符串如“2007-2-28 10:18:30”转换为Date对象:

 

1:

1
2
3
4
var strArray = str.split(" ");   
var strDate = strArray[0].split("-");   
var strTime = strArray[1].split(":");   
var a = new Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0],strTime[1],strTime[2])

 

2:

1
2
var s = "2005-12-15 09:41:30";   
var d = new Date(Date.parse(s.replace(/-/g,"/")));

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

本文为原作希望转载标明出处和作者!

这前在网站上Eclipse开发JQuery环境设置(Spket) 文章提到过JQuery提示插件,但是经过多次的试验不尽人意,主要是其提示效果不理想,而且配置成功的概率非常的小。经过同事的推荐使用aptana插件还不错其代码提示功能非常的强大,而且aptana有自己独立的IDE。详细见:http://www.aptana.org/ 本文介绍在Eclipse下安装该插件,目的主要是解决jquery在eclipse下的代码提示。

注意选择eclipse 3.5,而且现在只能选择3.5,选择高版本的3.6会出现bug,以致插件管理器不能使用,当然也就用不了jquery插件了。。。

=================================================

【2010-11-10更新】最近发现它支持3.6,不过是BETA版,还是不错了:

插件更新地址:http://download.aptana.com/studio3/plugin/install

继续阅读

jQuery1.4与1.3序列化致使URL参数名有中括号问题(相同参数名、数组参数名)

本文为原作希望转载标明出处和作者!

jQuery从1.3更新到1.4,做了很大的改变,尤其是DOM操作性能,元素事件和属性的操作适用性、可操作性,都有大大的提升。最近项目需要用要JQ,所以选用了1.4版本的。不过在做AJAX请求过程中出现了让从莫明其妙的的一个问题。就是序列化后形成的URL中的参数名出现了中括号,甚是惊奇。于是用FF的debug插件工具,进行跟进才发现,不管怎么处理,只要是数据参数(具有相同参数名的参数)都会加上中括号,这下麻烦了。。。

继续阅读

关于一个网页解析对JavaScript带来的找不到对象问题

本文为原创!

昨天,同事遇到一个JavaScript(下称JS区别于JScript,虽然两者从各个方面讲都差不多,但毕竟存在不同点)的问题。一个页面的DIV现在需要其通过在网页加载时通过JavaScript的来对其进行操作。但是,在加载过程中,并没有达到目的,如对DIV在加载时隐藏(虽然可以直接用style进行隐藏,但现在需要用JS),而且提示是找不到对象,但对象是存在的。我当时也觉得其怪,语法和用法都是正确的,就是找不到原因。

今天我突然想起到“网页解析”这个术语,才发现我们可能语法和对象都没有错,而在错在在解析过程中出现的问题,但这个问题不仅仅是网页解析造成的。网页解析是从上往下解析的,对象也是从上往下生成的。JS也是在网页中被顺序解释的。这就涉及到一个JS块的存放位置的问题。如果JS块放在其操作的对象前,在网页解析过程中,JS先于对象被解析,在这个过程中,JS要去查找对象,但此时对象并没有生成;如果JS块放在其操作对象后,对象先于JS块被解析,则在解析JS块时一定能找到对象,也就不会存在找不到对象的问题了。于是我编写了一段测试代码如下,证明我的想法是正确的(可能早有这个知识点,只是我们没有注意到):

继续阅读

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

继续阅读

Eclipse开发JQuery环境设置(Spket)

 

本文主要是针对Spket做介绍,但是关于jquery代码提示功能,我将在《eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana》的文章介绍更好用的工具:

关键字: jquery的代码提示功能 spket安装与配置

  现在很多朋友用jQuery来编写javascript啦,要是有jQuery的代码提示功能就更好了,其实有很多这样的插件,这里就说说Spket吧!       

  以下内容转自http://www.cnblogs.com/meetrice/archive/2008/06/16/1223146.htmlhttp://blog.sina.com.cn/s/blog_4b81125f0100bhxy.html

1. Spket的安装(三种方式):

    (1)Plugin:

        最低要求: eclipse平台运行时3.2.x ,

        文件为: spket-1.6.16.zip别的插件的安装无异,相信不用我多说了吧

    (2)Spket IDE:

        最低要求:你需要java 1.5或更高版本运行安装程序,可独立使用(不用装Eclipse

        文件为: spket-1.6.16.jar

        安装步骤:

            1、打开cmd,

            2、在spket-1.6.16.jar文件目录下输入java -jar spket-1.6.16.jar

            3、回车(相信你已看到安装画面

    (3)Update Site

             这是更新网站,为spket的ide 。

             使用它,打开eclipse的updatemanager (在eclipse下的帮助菜单) ,并新增一个书签为:

             http://www.spket.com/update

2. Elipse开发jQuery环境设置(Spket):

继续阅读

JS外源程序的调用及使用

JS外源程序是指,在网页加载过程中不加载的JS程序,而在具体使用过程中调用JS程序。例如使用文本方式存储JS函数,其它JS以文本方式调用JS外源程序,让再转化成或构造当前可执行的JS程序,并插入到当前的HTML-DOM中。以便待调用或当前执行。

以下是WEBQQ中使用到的提交QQ信息,并处理返回值的JS方式:

继续阅读