标签归档:javascript

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

继续阅读

关于一个网页解析对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 相对文档的水平座标+垂直方向滚动的量

继续阅读