mootools创建了一个dialog widget
1. var Dialog = new Class({
2. Implements: Events,
3. initialize: function() {
4. },
5. show: function() {
6. // ....
7. this.fireEvent('show', this);
8. }
9. });
10.
11. var dialog = new Dialog();
12. dialog.addEvent('show', function() {
13. // ....
14. });
-----------------------------------------------------------------------------------
方法一:
if (!window.testClass)
{
testClass =
{
data:null, //类的属性
init: function() //类的方法
{
this.data=456;
alert("init")
}, // 注意逗号
show: function() //类的方法
{
alert("show:"+this.data)
}
}
}
调用方法:
testClass是类名
testClass.init();
testClass.show();
方法二:
//////////////////////////////////////////////////////////////////////
//取得 指定元素的 子元素(特定) //
//子元素可以指定 name //
//子元素可以指定 tagName //
//返回集合 (指定name或tagName的子元素集合) //
//////////////////////////////////////////////////////////////////////
function Child_class(){
this.list_elment=new Array();
//取得指定元素的所有子元素中元素名为name的元素集合 (有name取name,无name取id )
this.getChildsByName=function(element,name){
var state="name";
return this.getChilds(element,name,state);
};
//取得指定元素的所有子元素中tagName为name的元素集合
this.getChildsByTagName=function(element,name){
var state="tagName";
return this.getChilds(element,name,state);
};
//state为"name",取得 指定元素的 name为name子元素
//state为"tagName",取得 指定元素的 tagName为name子元素
this.getChilds=function(element,name,state){
this.find(element,name,state);
return this.list_elment; //返回集合
};
//通用方法
this.find=function (element,name,state){
if(null==element){return ;}
var nodes=element.childNodes; //所有子元素
for(var i=0;i<nodes.length;i++){
if(nodes[i].nodeType==1){ //节点类型为1
var name_id="";
if(state=="name"){
name_id=nodes[i].name==null?nodes[i].id:nodes[i].name; //有name取name,无name取id
}else if (state=="tagName"){
name_id=nodes[i].tagName;
}else{
alert("请传参数,指定按name或tagName搜索元素!");return ;
}
if(name_id==name){
this.list_elment.push(nodes[i]); //加入集合
}
var bl=nodes[i].hasChildNodes(); //有无下一层子元素
if(bl){
this.find(nodes[i],name,state); //递归
}
}
}
};
}
//调用方法如下:
//var c=new Child_class();
//var oForm=document.getElementById('oForm');
//var rs=c.getChildsByName(oForm,"m");
//alert(rs.toString());
分享到:
相关推荐
在前台页面调用javascript,读写XML文件
用来检测时间的小程序用Js写成的关于checkdate
Laya 用TypeScript写的代码,编译成JavaScript后bundle.js没更新
树形菜单,由javascript写成。很实用的代码
DTree(最好用的JS写成的树形菜单控件.内含API)
菜单树,包含右击菜单 项目直接把js 导入 如果写成动态读取数据库要将代码稍微改改.树状表包含右击菜单
CodePress 是一个完全用 Javascript 写成的 HTML Textarea 增强程序,利用它,你只需要简单的修改,就可以将你网页中的 Textarea 变成一个支持语法高亮的程序编辑器。CodePress 完全开源,非常容易集成。 CodePress ...
早期的javascript需求都很简单,基本都是写成函数的,然后是面向过程的写法,后来慢慢的引入面向对象开发思想,再后来就慢慢写成类。 在js中,写成类的本质基本都是 构造函数+原型。下面,就讨论一下js类的几种写法...
手机端图片拖到效果(纯js写的 当前主流效果,封装成类,可以直接调用) 可以方便使用
Laya 用TypeScript写的代码,编译成JavaScript后bundle.js没更新问题的原因追寻
1. 更换默认的xpath库 除了ie,其他主要浏览器都是内置对xpath的支持的,... 如果上面的测试写成下面这样,运行时间就会变成几秒了。 assertTrue(selenium.isElementPresent("//div[1]/table/tbody/tr[2]/td[2]"));
需要注意的是: 注意大小写: javascript对大小写十分敏感,className不能够把“N”写成“n”,cssText也不能够把“T”写成“t”,否则无法实现效果。 调用方法: 如果改变className,则事先在样式表中申明类,但...
同事用javascript写的计算器,已经封装成对象了(带用例)。 调用起来很方便。
该代码很简单,你只需了解简单的js就可以很快写出一棵自己的书,因为简单,如果你需要,你值的拥有
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。 跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。 JavaScript脚本语言同其他语言一样...
Javascript 中将多个语句写成一个语句的两种方法小结 一、使用逗号运算符将多个语句写成一个语句 1.一次声明多个变量 var i=1,j=1,k=1 2.多个语句用逗号间隔 i=1,j=i+2,k=j+2 二、使用花括号将多个语句写...
js写的画板。用html5 canvas写的兼容ie,ff。遗憾是不能保存成图片。不知哪位高人知道js能否保存图片到本地。我目前知道的是不可以。
什么是threejs,很简单,你将它理解成three + js就可以了。three表示3D的意思,js表示javascript的意思。那么合起来,three.js就是使用javascript 来写3D程序的意思。
今天又无事可做了,突发奇想用原生JS写了个网页贪吃蛇,先把原始代码贴过来,有兴趣的童鞋可以把下面的代码保存成JS文件,自己引进网页试一下,有什么bug可以留言。
10、mootools.js的写类方式 mootools.js的最新版本是1.2.3,这里使用的是1.2.0。mootool被设计成非常紧凑的,模块化的,面向对象的的js库。mootool中写类用Class类。Class类由Native类new出来的: 代码如下:/* *...