- 浏览: 49469 次
- 性别:
- 来自: 北京
最新评论
-
hanxiao84322:
强大啊,虽然没有完全看明白。
YUI 3.0应用初探 -
osacar:
不行啊。没效果!在Opera下测试
IE也不行。
JS iframe跨域自适应内容高度 -
xxzjzb1:
中秋送礼,首选书画、艺术品交易平台爱艺购!
JS将数字转换成三位逗号分隔的样式 -
mozart0:
货币:num.toFixed(2).replace(/(\d) ...
JS将数字转换成三位逗号分隔的样式 -
cnxxg:
这样能处理一个元素含有多个classname的情况吗?
javascript 整合的获取ID,className,tagName的方法
文章列表
很惭愧。。。YUI3出来这么久了,一直都没有机会正式使用。。这2天没事,终于静下心来细细体验了下他的彪悍之处。实例中的一些code引用的taobao赤拔的成果,请赤拔大神表追究俺滴版权~ >_<
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" con ...
select files:
uploading:
不知不觉,混在YAHOO F2E Team(BeiJing)近一年了。从开始接触YUI到熟悉并成为开发的基础,深深感受到了YUI的彪悍~当然,他的彪悍没体现在代码的简洁和优雅性(eg. jquery),也没体现在他的简单易用性(eg. prototype),更没有深刻体现软件模式中高内聚和低耦合的特性(eg.mootools)。。。重设计轻开发是YUI的重要核心之一,他不仅仅是js框架,而是js+css+规范的集合,一套成熟、严谨的约束会大大降低团队开发中的成本。所以,如果你想作门户、想作sns、想作大型电子商务网站,你可能只有一个 ...
功能效果图如下:
PS:2009.11.19 新增鍵盤上、下、回車、退格按鍵的事件
新增對已選擇好友的重複過濾和好友面板的預選擇
對之前的一些小BUG進行了修復
2009.12.4 修復了一些朋友提出的BUG
新增了數據輸出功能
Demo演示地址:http://justname.whleer.com/selectfriend. ...
如何在html中操作SVG对象的问题,对于嵌入式<embed name="id1" id='svgId' type='image/svg+xml' src="./test.svg" height="200" width="500"></embed>的可以通过document.getElementById('svgId'). getSVGDocument();的方法得到SVG Doc对象,但此方法存在两个问题:一是opera不支持getSVGDocument方法,二是对于动态创建的embed对象 ...
YUI3:事件
YUI的事件功能为响应DOM事件提供一个简单的接口,让在浏览器中创建事件驱动的应用更容易了。YUI的事件功能包包含自定义事件对象(Custom Event object),自定义事件让你可以在代码中发布(publish)某一个瞬间或某一个事件,以便页面上其他的组件能订阅(subscribe)这些事件然后响应这些事件。
YUI的事件功能包有以下功能:
DOM事件处理
自动延迟解析(deferral)赋给不可用元素的处理器
自动调整函数执行环境(scope),可选择地指定函数执行环境
将浏览器差异规范化的event facade
自动清除 ...
function runCode(pTargetId){
var newWin=window.open('',"_blank",'');
newWin.document.open('text/html','replace');
newWin.opener=null;
var testCode=document.getElementById(pTargetId).value;
newWin.document.write(testCode);
newWin.document.close();
}
function saveCode(pTargetId){
v ...
JS的正则表达式
//校验是否全由数字组成
代码
var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false
//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
代码
function isRegisterUserName(s) var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; if (!patrn.exec(s)) return false
//校验用户姓名:只能输入1-30个以字母开头的字串
代码
var patrn=/ ...
什么是事件代理(Event Delegation)?
如果不太了解的朋友,可详细阅读:《Event delegation in JavaScript》,这里不再累述。
首先让我们一起来回顾一些常识:
通常支持事件冒泡(Event Bubbling)的事件类型为鼠标事件和键盘事件,例如:mouseover, mouseout, click, keydown, keypress。
接口事件则通常不支持事件冒泡(Event Bubbling),例如:load, change, submit, focus, blur。
很明显:focus 和 blur 都属于不支持冒泡的接口事件。既然都不支持 ...
在“按需加载”的需求中,我们经常会判断当脚本加载完成时,返回一个回调函数,那如何去判断脚本的加载完成呢?
我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持,但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况(一般为 loading 、loaded、interactive、complete),当返回状态为 loaded 或 complete 时,则表示加载完成,返回回调 ...
平时我们获取事件对象一般写法如下:
function getEvent(event) {
return event || window.event // IE:window.event
}
如果没有参数,也可写成(非IE :事件对象会自动传递给对应的事件处理函数,且为第一个参数):
function getEvent() {
return arguments[0] || window.event // IE:window.event
}
这样的写法在除 Firefox(测试版本:3.0.12,下同) 外的浏览器上运行都不会有问题,但 Firefox 为什么例外呢? ...
var iframe = document.createElement("iframe");
iframe.src = "http://www.planabc.net";
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
alert("Local iframe is now loaded.");
});
}
else {
...
一:XHTML MP的语法规则
我们知道,我们通常用电脑访问的网站的网页是用html构建的。类似的,现在WAP 2.0网站是用XHTML MP
构建,以供手持设备的访问,如手机、PDA等。
XHTML MP是XHTML的子集,因此继承了它的语法。
XHTML是更严格和简洁的HTML版本。现在来看看XHTML MP的语法规则:
1:标签必须正确闭合!
<p>XHTML MP 教程 段落 1</p>
<p>XHTML MP tutorial paragraph 2</p>
<p>XHTML MP tutorial paragraph 3 ...
function formatNumber(num){
if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){return num;}
var a = RegExp.$1, b = RegExp.$2, c = RegExp.$3;
var re = new RegExp().compile("(\\d)(\\d{3})(,|$)");
while(re.test(b)) b = b.replace(re," ...
2.2版更新:
1、增加了迷你游戏-破罐者,一共有15关,难度逐渐增加。: j3 m; P! P0 `( P5 O S1 x
2、上一个版本将放置植物的方式由拖动改为点击两次,部分人反映操作不习惯,过于繁琐,这个版本改为兼容两种操作方式,直接拖出或者点击两次先种阴影后种植物的方式都可以。
3、增加了一种植物,棘草。6 ~4 g, T) e9 q- D9 B0 z$ R; l
4、修改了植物阻挡僵尸的范围,临时种下的植物在僵尸通过该格一半之前也会起到阻挡作用。
5、增加了僵尸受到打击时的伤害效果。
6、应论坛上朋友的要求,修改了30关以后僵尸产生的数量,不会再增加那么快了。, q) t# ?4 ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
...