js闭包

lrenwang , 2010/04/19 15:29 , Javascript , 评论(0) , 阅读(565) , Via 本站原创

一个很经典的JS闭包代码

<!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>
</head>
<body>
 <ul id="ulMenu">
 <li>
 <a href="#" id="url6">
 </a></li>
 <li>
 <a href="#" id="url5">
 </a></li>
 <li>
 <a href="#" id="url4">
 </a></li>
 <li>
 <a href="#" id="url3">
 </a></li>
 <li>
 <a href="#" id="url2">
 </a></li>
 <li>
 <a href="#" id="url1">
 </a></li>
 <li>
 <a href="#" id="url0">
 </a>
 </li>
 </ul>
 <script language="JavaScript">
 function $(objid)
 {
 return document.getElementById(objid);
 };

 var arrurl = [];
 arrurl[0] = [];
 arrurl[1] = [];
 arrurl[0][0] = "首页";
 arrurl[0][1] = "需求评价";
 arrurl[0][2] = "可研评价";
 arrurl[0][3] = "合同审核";
 arrurl[0][4] = "执行监管";
 arrurl[0][5] = "验收评价";
 arrurl[0][6] = "后评估";

 arrurl[1][0] = "webmain.aspx";
 arrurl[1][1] = "../request/frm_req.aspx?menu=top";
 arrurl[1][2] = "../feasib/frm_feasib.aspx";
 arrurl[1][3] = "../contract/lst_contract.aspx";
 arrurl[1][4] = "4";
 arrurl[1][5] = "3";
 arrurl[1][6] = "2";
 for(var i = 0; i < ulMenu.childNodes.length ; i++)
 {
 (function(){
 var stxt,surl;
 stxt = arrurl[0][i];
 surl = arrurl[1][i];

 $('span' + i).innerText = stxt;
 $('url' + i).onclick = function() {alert(surl);} //这里
 })();
 // () () 构造闭环
 }

 </script>
 </body>
</html>

Tags: js闭包