自己创建一个 JavaScript 库,虽然自己创建的可能没有那些开源 JavaScript 库功能强大,但在提升自己 JavaScript 开发能力,有很大帮助。
创建基础库
我们可以创建一个库,这是一个基础库,名字就叫做 base.js。我们准备在里面编写最常
用的代码,然后不断的扩展封装。
在最常用的代码中,最常用的,也许就是获取节点方法。这里我们可以编写如下代码:
//创建一个 base.js
var Base = { //整个库是一个对象
getId : function (id) { //方法名自己定义
return document.getElementById(id);
},
getName : function (name) {
return document.getElementsByName(name);
},
getTagName : function (tag) {
return document.getElementsByTagName(tag);
}
window.onload = function () {
alert(Base.getId('box').innerHTML); //提示框显示 id
alrt(Base.getName('sex')[0].value); //提示框显示 男
alert(Base.getTagName('div')[2].innerHTML); //提示框显示 段落
};
创建基础库
我们可以创建一个库,这是一个基础库,名字就叫做 base.js。我们准备在里面编写最常
用的代码,然后不断的扩展封装。
在最常用的代码中,最常用的,也许就是获取节点方法。这里我们可以编写如下代码:
//创建一个 base.js
var Base = { //整个库是一个对象
getId : function (id) { //方法名自己定义
return document.getElementById(id);
},
getName : function (name) {
return document.getElementsByName(name);
},
getTagName : function (tag) {
return document.getElementsByTagName(tag);
}
};
//html文件内容(简略)
<div id="box">id</div>
<input type="radio" name="sex" value="男" checked="checked" />
<p>段落</p>
window.onload = function () {
alert(Base.getId('box').innerHTML); //提示框显示 id
alrt(Base.getName('sex')[0].value); //提示框显示 男
alert(Base.getTagName('div')[2].innerHTML); //提示框显示 段落
};