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页面设计中可以考虑。
在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页面设计中可以考虑。
相关文章推荐
- javascript 表达式、括号、常用函数和jquery库怎么样实现的分析
- javascript 表达式、括号、常用函数和jquery库怎么样实现的分析
- 如何用Javascript代码实现浏览器菜单命令
- javascript 如何实现标签式按纽
- javascript代码如何实现打印框架里面的某个网页
- 如何在 JavaScript 中实现拖放
- Javascript 如何实现对象的拖动?
- 如何在 JavaScript 中实现拖放
- 如何实现从服务器端向页面动态加载JavaScript脚本?
- [翻译] 如何在 JavaScript 中实现拖放(上)
- 如何在 JavaScript 中实现拖放
- 如何利用JAVASCRIPT实现浮动广告
- 如何实现javascript获取某行?并删除它?
- JavaScript--如何实现网页的自动滚屏显示?
- Javascript 如何实现对象的拖动
- 如何实现服务器端下页面动态添加JavaScript脚本
- 如何用Javascript代码实现浏览器菜单命令
- 如何实现从服务器端向页面动态加载JavaScript脚本?
- 如何实现XML+XSL+javascript数据分页
- [整理]如何在 JavaScript 中实现拖放