您的位置:首页 > Web前端 > JQuery

Javascript语义分析器,教你如何实现Jquery库

2015-01-15 17:14 260 查看
1.实现自定义标签类:

在html中实现一个<test></test>标签:

1.前提:使用数组自定义标签类:test

var d = document;

var mk = new Array(

'<test>','<span style="color:red;">',

'</test>',

);

2.使用正则表达式读取标签数组:

var
test=new RegExp(mk[i], 'gi');

3.将test映射到html中,即可:

var t = new String(document.body.innerHTML);

for(i=0;i<mk.length;i+=2)

t = t.replace(new RegExp(mk[i], 'gi'),mk[i+1]);

d.body.innerHTML = t;

}

}

2.实现自定义onclick事件类:

3.自定义标签参数:

<input type="text" id="tt" name="mm" value="" outerAttribute="fdfdfdfdf"
/>

这里的outerAttribute属性是我们自定义的,在javaScript中如何引用这个值呢?可以使用

注:outerAttribute可以是其他的自定义的属性名称

document.getElementByIdx_x_x("tt").outerAttribute

上面的代码只在IE下有效。要想兼容Firefox则需要使用下面的代码

document.getElementByIdx_x_x("tt").getAttribute("outerAttribute")

一般情况下,自定义属性主要是为了存储一些和当前标签相关联的一些重要的值,在web页面设计中可以考虑。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: