javascript时间
[ 2013-01-04 17:04:45 | 作者: admin ]
1、当前系统区域设置格式(toLocaleDateString和toLocaleTimeString)
例子:(new Date()).toLocaleDateString() + " " + (new Date()).toLocaleTimeString()
结果: 2008年1月29日 16:13:11
2.普通字符串(toDateString和toTimeString)
例子: (new Date()).toDateString() + " " + (new Date()).toTimeString()
结果:Tue Jan 29 2008 16:13:11 UTC+0800
3.格林威治标准时间(toGMTString)
例子: (new Date()).toGMTString()
结果:Tue, 29 Jan 2008 08:13:11 UTC
4.全球标准时间(toUTCString)
...
阅读全文…
例子:(new Date()).toLocaleDateString() + " " + (new Date()).toLocaleTimeString()
结果: 2008年1月29日 16:13:11
2.普通字符串(toDateString和toTimeString)
例子: (new Date()).toDateString() + " " + (new Date()).toTimeString()
结果:Tue Jan 29 2008 16:13:11 UTC+0800
3.格林威治标准时间(toGMTString)
例子: (new Date()).toGMTString()
结果:Tue, 29 Jan 2008 08:13:11 UTC
4.全球标准时间(toUTCString)
...
阅读全文…
jquery iframe操作
[ 2012-12-23 20:33:06 | 作者: admin ]
使用jquery操作iframe
1、 内容里有两个ifame
<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>
leftiframe中jQuery改变mainiframe的src代码：
$("#mainframe",parent.document.body).attr("src","http://www.radys.cn")
2、 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容
...
阅读全文…
1、 内容里有两个ifame
<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>
leftiframe中jQuery改变mainiframe的src代码：
$("#mainframe",parent.document.body).attr("src","http://www.radys.cn")
2、 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容
...
阅读全文…
jQuery 获取屏幕高度、宽度
[ 2012-12-23 20:24:42 | 作者: admin ]
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).out
...alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).out
阅读全文…
$.extend 用法
[ 2012-12-19 22:31:40 | 作者: admin ]
1、扩展Jquery静态方法
$.extend({
test:function(){
alert(11);
}
})
用法: $.test();
2、合并多个对象
var Css1 = {size:"10px"};
var Css2 = {size:"20px"};
$.extend(Css1,Css2);
alert(Css1.size);//结果20px;
如果不想破坏Css1;$.extend({},Css1,Css2);
3、深度嵌套对象
1// 以前的 .extend()
2 jQuery.extend(
3 { name: “John”, location: { city: “Boston” } },
4 { last: “Resig”, location: { state: “MA” } }
...
阅读全文…
$.extend({
test:function(){
alert(11);
}
})
用法: $.test();
2、合并多个对象
var Css1 = {size:"10px"};
var Css2 = {size:"20px"};
$.extend(Css1,Css2);
alert(Css1.size);//结果20px;
如果不想破坏Css1;$.extend({},Css1,Css2);
3、深度嵌套对象
1// 以前的 .extend()
2 jQuery.extend(
3 { name: “John”, location: { city: “Boston” } },
4 { last: “Resig”, location: { state: “MA” } }
...
阅读全文…
jQuery 原型技术分解
[ 2012-12-19 22:31:40 | 作者: admin ]
http://blog.csdn.net/pengju_guo/article/details/7210775
目录
jQuery 原型技术分解
起源 -- 原型继承
生命 -- 返回实例
学步 -- 分隔作用域
生长 -- 跨域访问
成熟 -- 选择器
2.2 jQuery 原型技术分解
任何复杂的技术都是从最简单的问题开始的，如果你被 jQuery 几千行庞杂结构的源代码所困惑，那么建议你阅读本节内容，我们将探索 jQuery 是如何从最简单的问题开始，并逐步实现羽翼渐丰的演变过程，从 jQuery 核心技术的还原过程来理解 jQuery 框架的搭建原理。
2.2.1 起源 -- 原型继承
...
阅读全文…
目录
jQuery 原型技术分解
起源 -- 原型继承
生命 -- 返回实例
学步 -- 分隔作用域
生长 -- 跨域访问
成熟 -- 选择器
2.2 jQuery 原型技术分解
任何复杂的技术都是从最简单的问题开始的，如果你被 jQuery 几千行庞杂结构的源代码所困惑，那么建议你阅读本节内容，我们将探索 jQuery 是如何从最简单的问题开始，并逐步实现羽翼渐丰的演变过程，从 jQuery 核心技术的还原过程来理解 jQuery 框架的搭建原理。
2.2.1 起源 -- 原型继承
...
阅读全文…
jqueryMobile框架结构
[ 2012-12-19 22:11:41 | 作者: admin ]
总页面框架：
引用js：
让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0：
详细的控件下面一一记录哈~~
>>>>>Toolbar：
| footer | navbar">
例：
data-role="header" data-position="inline">
Page Title
Options
主题样式：data-theme="a | b | c | d | e"
位置固定：data-pisition="fixed"
全屏样式：data-fullscreen="true"
返回按钮：data-rel="back"
反向过渡：data-direction="reverse"
按钮位置：data-role="button" class="ui-btn-right"
自定义导航菜单： class="ui-bar ui-bar-b"
例：
class="ui-bar ui-bar-b">
...
阅读全文…
引用js：
让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0：
详细的控件下面一一记录哈~~
>>>>>Toolbar：
| footer | navbar">
例：
data-role="header" data-position="inline">
Page Title
Options
主题样式：data-theme="a | b | c | d | e"
位置固定：data-pisition="fixed"
全屏样式：data-fullscreen="true"
返回按钮：data-rel="back"
反向过渡：data-direction="reverse"
按钮位置：data-role="button" class="ui-btn-right"
自定义导航菜单： class="ui-bar ui-bar-b"
例：
class="ui-bar ui-bar-b">
...
阅读全文…
jQuery Mobile 入门教程
[ 2012-12-19 12:14:21 | 作者: admin ]
http://mobile.51cto.com/others-277308.htm
jQuery Mobile提供了基于手机界面的控件样式，可以方便地让你开发出符合手机操作习惯的界面。比如较大的按钮等等。
使用jQuery Mobile需要应用jQuery Mobile提供的js文件和css文件，可以直接url链接引用或者下载到本地引用皆可。参见以下代码：
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" ...
阅读全文…
jQuery Mobile提供了基于手机界面的控件样式，可以方便地让你开发出符合手机操作习惯的界面。比如较大的按钮等等。
使用jQuery Mobile需要应用jQuery Mobile提供的js文件和css文件，可以直接url链接引用或者下载到本地引用皆可。参见以下代码：
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" ...
阅读全文…
网页自适应屏幕的设置方法
[ 2012-12-15 14:09:06 | 作者: admin ]
随着3G的普及，越来越多的人使用手机上网。
移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？
手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。
很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。
于是，很早就有人设想，能不能"一次设计，普遍适用"，...
阅读全文…
移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？
手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。
很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。
于是，很早就有人设想，能不能"一次设计，普遍适用"，...
阅读全文…
