第一种方法：
demo.html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>项目前端</title> <script type="text/javascript" src = "base.js"></script> <script type="text/javascript" src = "demo.js"></script> </head> <body> <div id = "box">id</div> <input type = "radio" name="sex" value="男" checked="checked"/> <p>段落</p> </body> </html>
demo.js：代码如下
window.onload = function(){
alert(document.getElementById("box").innerHTML);//弹出id
alert(document.getElementsByName("sex")[0].value);//弹出男
alert(document.getElementsByTagName("p")[0].innerHTML);//弹出段落
}
第二种方法：函数式写法
//base.js代码如下：
function $(id){ return document.getElementById(id); }
//demo.js代码如下
window.onload=function(){
alert($("box").innerHTML);
}
也能实现同样的效果
第三种方法：对象方法来封装实现获取节点的方法（推荐此种方法）
//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);
}
};
//demo.js调用封装的方法
window.onload = function(){
alert(Base.getId("box").innerHTML);
alert(Base.getName("sex")[0].value);
alert(Base.getTagName("p")[0].innerHTML);
}