
HTML5
海涛zht666
写博客可以加深对技术点的理解,提高自己思维能力,提高自己的写作水平,锻炼学习的毅力;
展开
-
javascript解析json数据-简单演示
//json数据var data = "[{'PostId':'1','PostName':'项目经理'},{'PostId':'2','PostName':'质量员'},{'PostId':'3','PostName':'安全员'}]";//解析json数据var obj = eval('(' + data + ')');//使用解析后的数据var sel = document.get原创 2013-01-31 20:11:19 · 1933 阅读 · 0 评论 -
jQuery Mobile弹出对话框后不刷新原页面,保持原页面内容不变
使用jQuery Mobile开发移动应用程序时,在一个页面上弹出对话框,关闭对话框后,发现原来的页面被刷新了。如果原页面上有一些已经选择或者填写的数据,则这些数据就会丢失。这时候,就需要对对话框的返回按钮做一些处理,让页面返回到对话框父页面在弹出对话框执勤的状态。弹出对话框的按钮一般写法如下:a href="/Dialogs/MyDialog.htm" data-role="button原创 2013-02-18 19:07:12 · 23597 阅读 · 4 评论 -
Html5饼图绘制(统计图)
Html5提供了强大的绘图API,让我们能够使用javascript轻松绘制各种图形。本文将主要讲解使用HTML5绘制饼图(统计图)的方法。先看一下饼图效果:这个图是动态生成的,根据传入的比例参数(数组),来动态绘制饼图。饼图的大小也是根据<canvas>高度来动态调整的。全部代码如下:<!DOCTYPE html><html> &l...原创 2013-02-20 18:00:19 · 36427 阅读 · 7 评论 -
Javascript获取某个月的天数-简单方法
转自:http://blog.youkuaiyun.com/sproy/article/details/6505144Javascript里面的new Date("xxxx/xx/xx")这个日期的构造方法有一个妙处,当你传入的是"xxxx/xx/0"(0号)的话,得到的日期是"xx"月的前一个 月的最后一天("xx"月的最大取值是69,题外话),如果传入"1999/13/0",会得到"1998/12/转载 2013-02-22 15:59:10 · 87587 阅读 · 4 评论 -
Struts2返回JSON数据
原文地址:http://yshjava.iteye.com/blog/1333104/早在我刚学Struts2之初的时候,就想写一篇文章来阐述Struts2如何返回JSON数据的原理和具体应用了,但苦于一直忙于工作难以抽身,渐渐的也淡忘了此事。直到前两天有同事在工作中遇到这个问题,来找我询问,我又细细地给他讲了一遍之后,才觉得无论如何要抽一个小时的时间来写这篇文章,从头到尾将Strut转载 2013-05-03 09:32:58 · 1682 阅读 · 0 评论 -
使用Javascript/jQuery将javascript对象转换为json格式数据
Javascript自带的eval()函数能够将json数据转换成Javascript对象。但是,却没有提供将Javascript对象序列化为json格式的函数。var json = '{"name":"John"}';var obj = eval( '(' + json + ')' ); alert( obj.name );jQuery中可以使用$.parseJSON(json)来原创 2013-03-21 15:39:22 · 8485 阅读 · 0 评论 -
移动设备、手机浏览器Javascript滑动事件代码
以下经过本人测试成功。测试平台:三星S5830I操作系统:Android 2.3.6浏览器:UC浏览器HTML标准:HTML5 测试了三个事件:touchstart、touchmove 和 touchend,并获取了触摸时触点在页面上的坐标,根据坐标进行了左右滑动、上下滑动判断。代码如下: TouchEvent测试原创 2013-02-28 11:57:17 · 113184 阅读 · 6 评论 -
用javascript获取屏幕高度和宽度等信息
转自:http://www.cnblogs.com/liuzijing688/archive/2008/01/12/1035920.html网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: d转载 2013-02-28 17:34:37 · 1128 阅读 · 0 评论 -
用Javascript获取页面元素的位置
转自:http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html作者: 阮一峰日期: 2009年9月14日 制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置。转载 2013-02-28 17:30:51 · 1580 阅读 · 0 评论 -
触屏中的JavaScript事件
转自:http://wangyong31893189.iteye.com/blog/1337023一、触摸事件ontouchstartontouchmoveontouchendontouchcancel目前移动端浏览器均支持这4个触摸事件,包括IE。由于触屏也支持MouseEvent,因此他们的顺序是需要注意的:touchstart → mouseover → mousem转载 2013-02-28 10:22:13 · 3231 阅读 · 0 评论 -
根据给定日期数计算星期数
今天(2013-2-25)发现一个简单方法:可以是用Javascript的Date对象的getDay()方法获取星期。0~6 对应 周日~周六js代码如下:var d = new Date(year,month-1,day);//注意:month-1var week = '';switch (d.getDay()){ case 0: week = '星期日'; bre转载 2013-02-22 19:24:50 · 2474 阅读 · 0 评论 -
jQuery Mobile动态刷新页面样式
当我们使用Ajax或者javascript动态在页面上添加元素后,如添加select控件的option元素,添加ul的li元素。添加之后我们会发现,它们显示的样式不是jQuery Mobile的炫酷样式了,而变成了很丑陋的元素样式。如下图所示: 代码如下: function myFunction() { var u原创 2013-01-31 19:15:06 · 41692 阅读 · 5 评论 -
jQuery Mobile 手动显示ajax加载器,提示加载中...
在使用jQuery Mobile开发时,有时候我们需要在请求ajax期间,显示加载提示框(例如:一个旋转图片+一个提示:加载中...)。这个时候,我们可以手动显示jQuery Mobile的加载器,大致流程如下:1. 启动加载器,显示“加载中...”;2. 进行ajax请求,请求完成后更新页面数据,刷新jQuery Mobile控件样式;3. 关闭加载器。下面就来讲解jQuery原创 2013-02-01 14:41:10 · 48521 阅读 · 1 评论 -
jQuery Mobile 1.3.0正式版发布了!
年前刚学完jQuery Mobile 1.1.0和1.2.0,现在1.3.0正式版就发布了,真是激动人心啊!jQuery Mobile 1.3.0 Demos和文档地址:http://view.jquerymobile.com/1.3.0/这个版本的jQuery Mobile又引入了更多的新特性,界面效果更佳绚丽,使用也更加方便。jQuery Mobile的更新速度很快,加油学习!原创 2013-02-26 15:56:07 · 2433 阅读 · 0 评论