現在大家做網絡開發大都用JavaScript庫，JavaScript庫就是把一般常用的代碼組成一個js文件，像前面說的一樣引用就可以。
現在我們來試着寫一個庫。
1、 首先在.html文件裏面定義一些東西：
<div>介紹：<div id="box">id</div> DIV元素:是用來爲HTML文檔內大塊（block-level）的內容提供結構和背景的元素。可定義文檔中的分區或節（division/section）。<div> 標籤可以把文檔分割爲獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。
<input>介紹: <input type="radio" name="sex" value="男"checked="checked" /> type是radio，表示單選按鈕
<p>段落</p>
2、我是要通過id獲取id值，通過name獲取男，利用上面定義的三個對象進行三種取法：
第一種寫法：
window.onload = function () {
alert(document.getElementById('box').innerHTML);//先獲取到box這個對象之後要打印它裏面的文本，所以用.innerHtml.
alert(document.getElementsByName('sex')[0].value);//注意，這裏這個對象要寫0，而且是value
alert(document.getElementsByTagName('p')[0].innerHTML);//這裏通過第0個標籤p來獲取裏面的內容。
};
A、這段要寫在demo.js裏面：window.onload後面的函數是頁面加載後會執行的函數。
B、方法裏面用到的那些getElementById或Name或TagName 都是document對象的方法，例如在頁面裏表單元素你可以給它設置id值，或name值來區別同種類型的不同元素，當你設置id document.getElementById("id")來得到這個元素，從而通過document.getElementById("id").value得到元素的值，類似的方法還有document.getElementsByName("name")通過元素名稱呢個獲得元素對象。document.getElementsByTagName("form")通過標籤名稱獲得元素。
第二種寫法：
如果我嫌寫上面那堆很麻煩的話，那麼我就寫一個函數來專門定義這種傳回對象的做法：
在base.js文件中寫方法：
function $(id) {
returndocument.getElementById(id);}//定義一個傳遞對象的函數
這樣demo.js裏面再利用就簡單了
window.onload = function () {
alert($('box').innerHTML);}
第三種寫法：用對象來簡化
這個對象裏面有三個方法：
var Base = {
getId: function (id) {
returndocument.getElementById(id)
},
getName: function (name) {
returndocument.getElementsByName(name)
},
getTagName: function (tag) {
returndocument.getElementsByTagName(tag);
}
};
然後在demo.js裏面要這樣來進行調用：
window.onload = function () {
alert(Base.getId('box').innerHTML);
alert(Base.getName('sex')[0].value);
alert(Base.getTagName('p')[0].innerHTML)
};
就用對象來進行調用。
