ayue222
- 浏览: 49615 次
- 性别:
- 来自: 北京
-
最新评论
-
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' />
...