{"id":366,"date":"2020-02-04T23:14:51","date_gmt":"2020-02-04T15:14:51","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=366"},"modified":"2020-02-04T23:14:51","modified_gmt":"2020-02-04T15:14:51","slug":"dom%e7%bb%83%e4%b9%a0","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/04\/dom%e7%bb%83%e4%b9%a0\/","title":{"rendered":"DOM\u7ec3\u4e60"},"content":{"rendered":"

1.\u7ec3\u4e60<\/h1>\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n\n\t<head>\n\t\t<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n\t\t<title>\u6dfb\u52a0\u5220\u9664\u8bb0\u5f55\u7ec3\u4e60<\/title>\n\t\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ex_2_style\/css.css\" \/>\n\t\t<script type=\"text\/javascript\">\n\t\t\n\t\t\t\/*\n\t\t\t * \u5220\u9664tr\u7684\u54cd\u5e94\u51fd\u6570\n\t\t\t *\/\n\t\t\tfunction delA() {\n\n\t\t\t\t\/\/\u70b9\u51fb\u8d85\u94fe\u63a5\u4ee5\u540e\u9700\u8981\u5220\u9664\u8d85\u94fe\u63a5\u6240\u5728\u7684\u90a3\u884c\n\t\t\t\t\/\/\u8fd9\u91cc\u6211\u4eec\u70b9\u51fb\u90a3\u4e2a\u8d85\u94fe\u63a5this\u5c31\u662f\u8c01\n\t\t\t\t\/\/\u83b7\u53d6\u5f53\u524dtr\n\t\t\t\tvar tr = this.parentNode.parentNode;\n\n\t\t\t\t\/\/\u83b7\u53d6\u8981\u5220\u9664\u7684\u5458\u5de5\u7684\u540d\u5b57\n\t\t\t\t\/\/var name = tr.getElementsByTagName(\"td\")[0].innerHTML;\n\t\t\t\tvar name = tr.children[0].innerHTML;\n\n\t\t\t\t\/\/\u5220\u9664\u4e4b\u524d\u5f39\u51fa\u4e00\u4e2a\u63d0\u793a\u6846\n\t\t\t\t\/*\n\t\t\t\t * confirm()\u7528\u4e8e\u5f39\u51fa\u4e00\u4e2a\u5e26\u6709\u786e\u8ba4\u548c\u53d6\u6d88\u6309\u94ae\u7684\u63d0\u793a\u6846\n\t\t\t\t * \t\u9700\u8981\u4e00\u4e2a\u5b57\u7b26\u4e32\u4f5c\u4e3a\u53c2\u6570\uff0c\u8be5\u5b57\u7b26\u4e32\u5c06\u4f1a\u4f5c\u4e3a\u63d0\u793a\u6587\u5b57\u663e\u793a\u51fa\u6765\n\t\t\t\t * \u5982\u679c\u7528\u6237\u70b9\u51fb\u786e\u8ba4\u5219\u4f1a\u8fd4\u56detrue\uff0c\u5982\u679c\u70b9\u51fb\u53d6\u6d88\u5219\u8fd4\u56defalse\n\t\t\t\t *\/\n\t\t\t\tvar flag = confirm(\"\u786e\u8ba4\u5220\u9664\" + name + \"\u5417?\");\n\n\t\t\t\t\/\/\u5982\u679c\u7528\u6237\u70b9\u51fb\u786e\u8ba4\n\t\t\t\tif(flag) {\n\t\t\t\t\t\/\/\u5220\u9664tr\n\t\t\t\t\ttr.parentNode.removeChild(tr);\n\t\t\t\t}\n\n\t\t\t\t\/*\n\t\t\t\t * \u70b9\u51fb\u8d85\u94fe\u63a5\u4ee5\u540e\uff0c\u8d85\u94fe\u63a5\u4f1a\u8df3\u8f6c\u9875\u9762\uff0c\u8fd9\u4e2a\u662f\u8d85\u94fe\u63a5\u7684\u9ed8\u8ba4\u884c\u4e3a\uff0c\n\t\t\t\t * \t\u4f46\u662f\u6b64\u65f6\u6211\u4eec\u4e0d\u5e0c\u671b\u51fa\u73b0\u9ed8\u8ba4\u884c\u4e3a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5728\u54cd\u5e94\u51fd\u6570\u7684\u6700\u540ereturn false\u6765\u53d6\u6d88\u9ed8\u8ba4\u884c\u4e3a\n\t\t\t\t *\/\n\t\t\t\treturn false;\n\t\t\t};\n\n\t\t\twindow.onload = function() {\n\n\t\t\t\t\/*\n\t\t\t\t * \u70b9\u51fb\u8d85\u94fe\u63a5\u4ee5\u540e\uff0c\u5220\u9664\u4e00\u4e2a\u5458\u5de5\u7684\u4fe1\u606f\n\t\t\t\t *\/\n\n\t\t\t\t\/\/\u83b7\u53d6\u6240\u6709\u989d\u8d85\u94fe\u63a5\n\t\t\t\tvar allA = document.getElementsByTagName(\"a\");\n\n\t\t\t\t\/\/\u4e3a\u6bcf\u4e2a\u8d85\u94fe\u63a5\u90fd\u7ed1\u5b9a\u4e00\u4e2a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\tfor(var i = 0; i < allA.length; i++) {\n\t\t\t\t\tallA[i].onclick = delA;\n\t\t\t\t}\n\n\t\t\t\t\/*\n\t\t\t\t * \u6dfb\u52a0\u5458\u5de5\u7684\u529f\u80fd\n\t\t\t\t * \t- \u70b9\u51fb\u6309\u94ae\u4ee5\u540e\uff0c\u5c06\u5458\u5de5\u7684\u4fe1\u606f\u6dfb\u52a0\u5230\u8868\u683c\u4e2d\n\t\t\t\t *\/\n\n\t\t\t\t\/\/\u4e3a\u63d0\u4ea4\u6309\u94ae\u7ed1\u5b9a\u4e00\u4e2a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\tvar addEmpButton = document.getElementById(\"addEmpButton\");\n\t\t\t\taddEmpButton.onclick = function() {\n\n\t\t\t\t\t\/\/\u83b7\u53d6\u7528\u6237\u6dfb\u52a0\u7684\u5458\u5de5\u4fe1\u606f\n\t\t\t\t\t\/\/\u83b7\u53d6\u5458\u5de5\u7684\u540d\u5b57\n\t\t\t\t\tvar name = document.getElementById(\"empName\").value;\n\t\t\t\t\t\/\/\u83b7\u53d6\u5458\u5de5\u7684email\u548csalary\n\t\t\t\t\tvar email = document.getElementById(\"email\").value;\n\t\t\t\t\tvar salary = document.getElementById(\"salary\").value;\n\n\t\t\t\t\t\/\/alert(name+\",\"+email+\",\"+salary);\n\t\t\t\t\t\/*\n\t\t\t\t\t *  <tr>\n\t\t\t\t\t\t\t<td>Tom<\/td>\n\t\t\t\t\t\t\t<td>tom@tom.com<\/td>\n\t\t\t\t\t\t\t<td>5000<\/td>\n\t\t\t\t\t\t\t<td><a href=\"javascript:;\">Delete<\/a><\/td>\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\u9700\u8981\u5c06\u83b7\u53d6\u5230\u7684\u4fe1\u606f\u4fdd\u5b58\u5230tr\u4e2d\n\t\t\t\t\t *\/\n\n\t\t\t\t\t\/\/\u521b\u5efa\u4e00\u4e2atr\n\t\t\t\t\tvar tr = document.createElement(\"tr\");\n\n\t\t\t\t\t\/\/\u521b\u5efa\u56db\u4e2atd\n\t\t\t\t\tvar nameTd = document.createElement(\"td\");\n\t\t\t\t\tvar emailTd = document.createElement(\"td\");\n\t\t\t\t\tvar salaryTd = document.createElement(\"td\");\n\t\t\t\t\tvar aTd = document.createElement(\"td\");\n\n\t\t\t\t\t\/\/\u521b\u5efa\u4e00\u4e2aa\u5143\u7d20\n\t\t\t\t\tvar a = document.createElement(\"a\");\n\n\t\t\t\t\t\/\/\u521b\u5efa\u6587\u672c\u8282\u70b9\n\t\t\t\t\tvar nameText = document.createTextNode(name);\n\t\t\t\t\tvar emailText = document.createTextNode(email);\n\t\t\t\t\tvar salaryText = document.createTextNode(salary);\n\t\t\t\t\tvar delText = document.createTextNode(\"Delete\");\n\n\t\t\t\t\t\/\/\u5c06\u6587\u672c\u6761\u4ef6\u5230td\u4e2d\n\t\t\t\t\tnameTd.appendChild(nameText);\n\t\t\t\t\temailTd.appendChild(emailText);\n\t\t\t\t\tsalaryTd.appendChild(salaryText);\n\n\t\t\t\t\t\/\/\u5411a\u4e2d\u6dfb\u52a0\u6587\u672c\n\t\t\t\t\ta.appendChild(delText);\n\t\t\t\t\t\/\/\u5c06a\u6dfb\u52a0\u5230td\u4e2d\n\t\t\t\t\taTd.appendChild(a);\n\n\t\t\t\t\t\/\/\u5c06td\u6dfb\u52a0\u5230tr\u4e2d\n\t\t\t\t\ttr.appendChild(nameTd);\n\t\t\t\t\ttr.appendChild(emailTd);\n\t\t\t\t\ttr.appendChild(salaryTd);\n\t\t\t\t\ttr.appendChild(aTd);\n\n\t\t\t\t\t\/\/\u5411a\u4e2d\u6dfb\u52a0href\u5c5e\u6027\n\t\t\t\t\ta.href = \"javascript:;\";\n\n\t\t\t\t\t\/\/\u4e3a\u65b0\u6dfb\u52a0\u7684a\u518d\u7ed1\u5b9a\u4e00\u6b21\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\t\ta.onclick = delA;\n\n\t\t\t\t\t\/\/\u83b7\u53d6table\n\t\t\t\t\tvar employeeTable = document.getElementById(\"employeeTable\");\n\t\t\t\t\t\/\/\u83b7\u53d6employeeTable\u4e2d\u7684tbody\n\t\t\t\t\tvar tbody = employeeTable.getElementsByTagName(\"tbody\")[0];\n\t\t\t\t\t\/\/\u5c06tr\u6dfb\u52a0\u5230tbodye\u4e2d\n\t\t\t\t\ttbody.appendChild(tr);\n\n\t\t\t\t};\n\n\t\t\t};\n\t\t<\/script>\n\t<\/head>\n\n\t<body>\n\n\t\t<table id=\"employeeTable\">\n\t\t\t<tr>\n\t\t\t\t<th>Name<\/th>\n\t\t\t\t<th>Email<\/th>\n\t\t\t\t<th>Salary<\/th>\n\t\t\t\t<th>&nbsp;<\/th>\n\t\t\t<\/tr>\n\t\t\t<tr>\n\t\t\t\t<td>Tom<\/td>\n\t\t\t\t<td>tom@tom.com<\/td>\n\t\t\t\t<td>5000<\/td>\n\t\t\t\t<td>\n\t\t\t\t\t<a href=\"javascript:;\">Delete<\/a>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t<tr>\n\t\t\t\t<td>Jerry<\/td>\n\t\t\t\t<td>jerry@sohu.com<\/td>\n\t\t\t\t<td>8000<\/td>\n\t\t\t\t<td>\n\t\t\t\t\t<a href=\"deleteEmp?id=002\">Delete<\/a>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t<tr>\n\t\t\t\t<td>Bob<\/td>\n\t\t\t\t<td>bob@tom.com<\/td>\n\t\t\t\t<td>10000<\/td>\n\t\t\t\t<td>\n\t\t\t\t\t<a href=\"deleteEmp?id=003\">Delete<\/a>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t<\/table>\n\n\t\t<div id=\"formDiv\">\n\n\t\t\t<h4>\u6dfb\u52a0\u65b0\u5458\u5de5<\/h4>\n\n\t\t\t<table>\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"word\">name: <\/td>\n\t\t\t\t\t<td class=\"inp\">\n\t\t\t\t\t\t<input type=\"text\" name=\"empName\" id=\"empName\" \/>\n\t\t\t\t\t<\/td>\n\t\t\t\t<\/tr>\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"word\">email: <\/td>\n\t\t\t\t\t<td class=\"inp\">\n\t\t\t\t\t\t<input type=\"text\" name=\"email\" id=\"email\" \/>\n\t\t\t\t\t<\/td>\n\t\t\t\t<\/tr>\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"word\">salary: <\/td>\n\t\t\t\t\t<td class=\"inp\">\n\t\t\t\t\t\t<input type=\"text\" name=\"salary\" id=\"salary\" \/>\n\t\t\t\t\t<\/td>\n\t\t\t\t<\/tr>\n\t\t\t\t<tr>\n\t\t\t\t\t<td colspan=\"2\" align=\"center\">\n\t\t\t\t\t\t<button id=\"addEmpButton\">\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/td>\n\t\t\t\t<\/tr>\n\t\t\t<\/table>\n\n\t\t<\/div>\n\n\t<\/body>\n\n<\/html><\/code><\/pre>\n
2.\u7ec3\u4e60<\/h1>\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n\n\t<head>\n\t\t<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n\t\t<title>\u6dfb\u52a0\u5220\u9664\u8bb0\u5f55\u7ec3\u4e60<\/title>\n\t\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"ex_2_style\/css.css\" \/>\n\t\t<script type=\"text\/javascript\">\n\t\t\n\t\t\t\/*\n\t\t\t * \u5220\u9664tr\u7684\u54cd\u5e94\u51fd\u6570\n\t\t\t *\/\n\t\t\tfunction delA() {\n\n\t\t\t\t\/\/\u70b9\u51fb\u8d85\u94fe\u63a5\u4ee5\u540e\u9700\u8981\u5220\u9664\u8d85\u94fe\u63a5\u6240\u5728\u7684\u90a3\u884c\n\t\t\t\t\/\/\u8fd9\u91cc\u6211\u4eec\u70b9\u51fb\u90a3\u4e2a\u8d85\u94fe\u63a5this\u5c31\u662f\u8c01\n\t\t\t\t\/\/\u83b7\u53d6\u5f53\u524dtr\n\t\t\t\tvar tr = this.parentNode.parentNode;\n\n\t\t\t\t\/\/\u83b7\u53d6\u8981\u5220\u9664\u7684\u5458\u5de5\u7684\u540d\u5b57\n\t\t\t\t\/\/var name = tr.getElementsByTagName(\"td\")[0].innerHTML;\n\t\t\t\tvar name = tr.children[0].innerHTML;\n\n\t\t\t\t\/\/\u5220\u9664\u4e4b\u524d\u5f39\u51fa\u4e00\u4e2a\u63d0\u793a\u6846\n\t\t\t\t\/*\n\t\t\t\t * confirm()\u7528\u4e8e\u5f39\u51fa\u4e00\u4e2a\u5e26\u6709\u786e\u8ba4\u548c\u53d6\u6d88\u6309\u94ae\u7684\u63d0\u793a\u6846\n\t\t\t\t * \t\u9700\u8981\u4e00\u4e2a\u5b57\u7b26\u4e32\u4f5c\u4e3a\u53c2\u6570\uff0c\u8be5\u5b57\u7b26\u4e32\u5c06\u4f1a\u4f5c\u4e3a\u63d0\u793a\u6587\u5b57\u663e\u793a\u51fa\u6765\n\t\t\t\t * \u5982\u679c\u7528\u6237\u70b9\u51fb\u786e\u8ba4\u5219\u4f1a\u8fd4\u56detrue\uff0c\u5982\u679c\u70b9\u51fb\u53d6\u6d88\u5219\u8fd4\u56defalse\n\t\t\t\t *\/\n\t\t\t\tvar flag = confirm(\"\u786e\u8ba4\u5220\u9664\" + name + \"\u5417?\");\n\n\t\t\t\t\/\/\u5982\u679c\u7528\u6237\u70b9\u51fb\u786e\u8ba4\n\t\t\t\tif(flag) {\n\t\t\t\t\t\/\/\u5220\u9664tr\n\t\t\t\t\ttr.parentNode.removeChild(tr);\n\t\t\t\t}\n\n\t\t\t\t\/*\n\t\t\t\t * \u70b9\u51fb\u8d85\u94fe\u63a5\u4ee5\u540e\uff0c\u8d85\u94fe\u63a5\u4f1a\u8df3\u8f6c\u9875\u9762\uff0c\u8fd9\u4e2a\u662f\u8d85\u94fe\u63a5\u7684\u9ed8\u8ba4\u884c\u4e3a\uff0c\n\t\t\t\t * \t\u4f46\u662f\u6b64\u65f6\u6211\u4eec\u4e0d\u5e0c\u671b\u51fa\u73b0\u9ed8\u8ba4\u884c\u4e3a\uff0c\u53ef\u4ee5\u901a\u8fc7\u5728\u54cd\u5e94\u51fd\u6570\u7684\u6700\u540ereturn false\u6765\u53d6\u6d88\u9ed8\u8ba4\u884c\u4e3a\n\t\t\t\t *\/\n\t\t\t\treturn false;\n\t\t\t};\n\n\t\t\twindow.onload = function() {\n\n\t\t\t\t\/*\n\t\t\t\t * \u70b9\u51fb\u8d85\u94fe\u63a5\u4ee5\u540e\uff0c\u5220\u9664\u4e00\u4e2a\u5458\u5de5\u7684\u4fe1\u606f\n\t\t\t\t *\/\n\n\t\t\t\t\/\/\u83b7\u53d6\u6240\u6709\u989d\u8d85\u94fe\u63a5\n\t\t\t\tvar allA = document.getElementsByTagName(\"a\");\n\n\t\t\t\t\/\/\u4e3a\u6bcf\u4e2a\u8d85\u94fe\u63a5\u90fd\u7ed1\u5b9a\u4e00\u4e2a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\tfor(var i = 0; i < allA.length; i++) {\n\t\t\t\t\tallA[i].onclick = delA;\n\t\t\t\t}\n\n\t\t\t\t\/*\n\t\t\t\t * \u6dfb\u52a0\u5458\u5de5\u7684\u529f\u80fd\n\t\t\t\t * \t- \u70b9\u51fb\u6309\u94ae\u4ee5\u540e\uff0c\u5c06\u5458\u5de5\u7684\u4fe1\u606f\u6dfb\u52a0\u5230\u8868\u683c\u4e2d\n\t\t\t\t *\/\n\n\t\t\t\t\/\/\u4e3a\u63d0\u4ea4\u6309\u94ae\u7ed1\u5b9a\u4e00\u4e2a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\tvar addEmpButton = document.getElementById(\"addEmpButton\");\n\t\t\t\taddEmpButton.onclick = function() {\n\n\t\t\t\t\t\/\/\u83b7\u53d6\u7528\u6237\u6dfb\u52a0\u7684\u5458\u5de5\u4fe1\u606f\n\t\t\t\t\t\/\/\u83b7\u53d6\u5458\u5de5\u7684\u540d\u5b57\n\t\t\t\t\tvar name = document.getElementById(\"empName\").value;\n\t\t\t\t\t\/\/\u83b7\u53d6\u5458\u5de5\u7684email\u548csalary\n\t\t\t\t\tvar email = document.getElementById(\"email\").value;\n\t\t\t\t\tvar salary = document.getElementById(\"salary\").value;\n\n\t\t\t\t\t\/\/alert(name+\",\"+email+\",\"+salary);\n\t\t\t\t\t\/*\n\t\t\t\t\t *  <tr>\n\t\t\t\t\t\t\t<td>Tom<\/td>\n\t\t\t\t\t\t\t<td>tom@tom.com<\/td>\n\t\t\t\t\t\t\t<td>5000<\/td>\n\t\t\t\t\t\t\t<td><a href=\"javascript:;\">Delete<\/a><\/td>\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\u9700\u8981\u5c06\u83b7\u53d6\u5230\u7684\u4fe1\u606f\u4fdd\u5b58\u5230tr\u4e2d\n\t\t\t\t\t *\/\n\n\t\t\t\t\t\/\/\u521b\u5efa\u4e00\u4e2atr\n\t\t\t\t\tvar tr = document.createElement(\"tr\");\n\n\t\t\t\t\t\/\/\u8bbe\u7f6etr\u4e2d\u7684\u5185\u5bb9\n\t\t\t\t\ttr.innerHTML = \"<td>\"+name+\"<\/td>\"+\n\t\t\t\t\t\t\t\t\t\"<td>\"+email+\"<\/td>\"+\n\t\t\t\t\t\t\t\t\t\"<td>\"+salary+\"<\/td>\"+\n\t\t\t\t\t\t\t\t\t\"<td><a href='javascript:;'>Delete<\/a><\/td>\";\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\/\/\u83b7\u53d6\u521a\u521a\u6dfb\u52a0\u7684a\u5143\u7d20\uff0c\u5e76\u4e3a\u5176\u7ed1\u5b9a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\t\t\t\t\n\t\t\t\t\tvar a = tr.getElementsByTagName(\"a\")[0];\n\t\t\t\t\ta.onclick = delA;\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u83b7\u53d6table\n\t\t\t\t\tvar employeeTable = document.getElementById(\"employeeTable\");\n\t\t\t\t\t\/\/\u83b7\u53d6employeeTable\u4e2d\u7684tbody\n\t\t\t\t\tvar tbody = employeeTable.getElementsByTagName(\"tbody\")[0];\n\t\t\t\t\t\/\/\u5c06tr\u6dfb\u52a0\u5230tbodye\u4e2d\n\t\t\t\t\ttbody.appendChild(tr);\n\t\t\t\t\t\/*tbody.innerHTML += \"<tr>\"+\n\t\t\t\t\t\n\t\t\t\t\t\"<td>\"+name+\"<\/td>\"+\n\t\t\t\t\t\t\t\t\t\"<td>\"+email+\"<\/td>\"+\n\t\t\t\t\t\t\t\t\t\"<td>\"+salary+\"<\/td>\"+\n\t\t\t\t\t\t\t\t\t\"<td><a href='javascript:;'>Delete<\/a><\/td>\"\n\t\t\t\t\t\n\t\t\t\t\t+\"<\/tr>\";*\/\n\n\t\t\t\t};\n\n\t\t\t};\n\t\t<\/script>\n\t<\/head>\n\n\t<body>\n\n\t\t<table id=\"employeeTable\">\n\t\t\t<tr>\n\t\t\t\t<th>Name<\/th>\n\t\t\t\t<th>Email<\/th>\n\t\t\t\t<th>Salary<\/th>\n\t\t\t\t<th>&nbsp;<\/th>\n\t\t\t<\/tr>\n\t\t\t<tr>\n\t\t\t\t<td>Tom<\/td>\n\t\t\t\t<td>tom@tom.com<\/td>\n\t\t\t\t<td>5000<\/td>\n\t\t\t\t<td>\n\t\t\t\t\t<a href=\"javascript:;\">Delete<\/a>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t<tr>\n\t\t\t\t<td>Jerry<\/td>\n\t\t\t\t<td>jerry@sohu.com<\/td>\n\t\t\t\t<td>8000<\/td>\n\t\t\t\t<td>\n\t\t\t\t\t<a href=\"deleteEmp?id=002\">Delete<\/a>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t<tr>\n\t\t\t\t<td>Bob<\/td>\n\t\t\t\t<td>bob@tom.com<\/td>\n\t\t\t\t<td>10000<\/td>\n\t\t\t\t<td>\n\t\t\t\t\t<a href=\"deleteEmp?id=003\">Delete<\/a>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t<\/table>\n\n\t\t<div id=\"formDiv\">\n\n\t\t\t<h4>\u6dfb\u52a0\u65b0\u5458\u5de5<\/h4>\n\n\t\t\t<table>\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"word\">name: <\/td>\n\t\t\t\t\t<td class=\"inp\">\n\t\t\t\t\t\t<input type=\"text\" name=\"empName\" id=\"empName\" \/>\n\t\t\t\t\t<\/td>\n\t\t\t\t<\/tr>\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"word\">email: <\/td>\n\t\t\t\t\t<td class=\"inp\">\n\t\t\t\t\t\t<input type=\"text\" name=\"email\" id=\"email\" \/>\n\t\t\t\t\t<\/td>\n\t\t\t\t<\/tr>\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"word\">salary: <\/td>\n\t\t\t\t\t<td class=\"inp\">\n\t\t\t\t\t\t<input type=\"text\" name=\"salary\" id=\"salary\" \/>\n\t\t\t\t\t<\/td>\n\t\t\t\t<\/tr>\n\t\t\t\t<tr>\n\t\t\t\t\t<td colspan=\"2\" align=\"center\">\n\t\t\t\t\t\t<button id=\"addEmpButton\">\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/td>\n\t\t\t\t<\/tr>\n\t\t\t<\/table>\n\n\t\t<\/div>\n\n\t<\/body>\n\n<\/html><\/code><\/pre>\n
3.\u7ec3\u4e60<\/h1>\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n<title>\u6dfb\u52a0\u5220\u9664\u8bb0\u5f55\u7ec3\u4e60<\/title>\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"ex_2_style\/css.css\" \/>\n<script type=\"text\/javascript\">\n\t\n\twindow.onload = function(){\n\t\t\n\t\t\/*\n\t\t * \u70b9\u51fb\u8d85\u94fe\u63a5\u4ee5\u540e\uff0c\u5220\u9664\u4e00\u4e2a\u5458\u5de5\u7684\u4fe1\u606f\n\t\t *\/\n\t\t\n\t\t\/\/\u83b7\u53d6\u6240\u6709\u989d\u8d85\u94fe\u63a5\n\t\tvar allA = document.getElementsByTagName(\"a\");\n\t\t\n\t\t\/\/\u4e3a\u6bcf\u4e2a\u8d85\u94fe\u63a5\u90fd\u7ed1\u5b9a\u4e00\u4e2a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\tfor(var i=0 ; i < allA.length ; i++){\n\t\t\t\/*\n\t\t\t * for\u5faa\u73af\u4f1a\u5728\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\u7acb\u5373\u6267\u884c\uff0c\n\t\t\t * \t\u800c\u54cd\u5e94\u51fd\u6570\u4f1a\u5728\u8d85\u94fe\u63a5\u88ab\u70b9\u51fb\u65f6\u624d\u6267\u884c\n\t\t\t * \u5f53\u54cd\u5e94\u51fd\u6570\u6267\u884c\u65f6\uff0cfor\u5faa\u73af\u65e9\u5df2\u6267\u884c\u5b8c\u6bd5\n\t\t\t *\/\n\t\t\t\n\t\t\talert(\"for\u5faa\u73af\u6b63\u5728\u6267\u884c\"+i);\n\t\t\t\n\t\t\tallA[i].onclick = function(){\n\t\t\t\t\n\t\t\t\talert(\"\u54cd\u5e94\u51fd\u6570\u6b63\u5728\u6267\u884c\"+i);\n\t\t\t\t\n\t\t\t\t\/\/alert(allA[i]);\n\t\t\t\t\n\t\t\t\treturn false;\n\t\t\t};\n\t\t\t\n\t\t}\n\t\t\n\t};\n\n\t\n<\/script>\n<\/head>\n<body>\n\n\t<table id=\"employeeTable\">\n\t\t<tr>\n\t\t\t<th>Name<\/th>\n\t\t\t<th>Email<\/th>\n\t\t\t<th>Salary<\/th>\n\t\t\t<th>&nbsp;<\/th>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td>Tom<\/td>\n\t\t\t<td>tom@tom.com<\/td>\n\t\t\t<td>5000<\/td>\n\t\t\t<td><a href=\"javascript:;\">Delete<\/a><\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td>Jerry<\/td>\n\t\t\t<td>jerry@sohu.com<\/td>\n\t\t\t<td>8000<\/td>\n\t\t\t<td><a href=\"deleteEmp?id=002\">Delete<\/a><\/td>\n\t\t<\/tr>\n\t\t<tr>\n\t\t\t<td>Bob<\/td>\n\t\t\t<td>bob@tom.com<\/td>\n\t\t\t<td>10000<\/td>\n\t\t\t<td><a href=\"deleteEmp?id=003\">Delete<\/a><\/td>\n\t\t<\/tr>\n\t<\/table>\n\n\t<div id=\"formDiv\">\n\t\n\t\t<h4>\u6dfb\u52a0\u65b0\u5458\u5de5<\/h4>\n\n\t\t<table>\n\t\t\t<tr>\n\t\t\t\t<td class=\"word\">name: <\/td>\n\t\t\t\t<td class=\"inp\">\n\t\t\t\t\t<input type=\"text\" name=\"empName\" id=\"empName\" \/>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t<tr>\n\t\t\t\t<td class=\"word\">email: <\/td>\n\t\t\t\t<td class=\"inp\">\n\t\t\t\t\t<input type=\"text\" name=\"email\" id=\"email\" \/>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t<tr>\n\t\t\t\t<td class=\"word\">salary: <\/td>\n\t\t\t\t<td class=\"inp\">\n\t\t\t\t\t<input type=\"text\" name=\"salary\" id=\"salary\" \/>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"2\" align=\"center\">\n\t\t\t\t\t<button id=\"addEmpButton\" value=\"abc\">\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t<\/table>\n\n\t<\/div>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n
<\/h1>\n
\u4f7f\u7528DOM\u64cd\u4f5cCSS<\/h1>\n
<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"UTF-8\">\n\t\t<title><\/title>\n<script src=\"http:\/\/ajax.aspnetcdn.com\/ajax\/jQuery\/jquery-1.8.0.js\">\n<\/script>\n\n\n\t\t<style type=\"text\/css\">\n\t\t\t\n\t\t\t#box1{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: red !important;\n\t\t\t}\n\t\t\t\n\t\t<\/style>\n\t\t\n\t\t<script type=\"text\/javascript\">\n\t\t\t$(document).ready(function(){\n\t\t\t\tconsole.log($('#box1').cssText());\n\t\t\t})\n\t\t\twindow.onload = function(){\n\n\t\t\t\t\/*\n\t\t\t\t * \u70b9\u51fb\u6309\u94ae\u4ee5\u540e\uff0c\u4fee\u6539box1\u7684\u5927\u5c0f\n\t\t\t\t *\/\n\t\t\t\t\/\/\u83b7\u53d6box1\n\t\t\t\tvar box1 = document.getElementById(\"box1\");\n\t\t\t\t\/\/\u4e3a\u6309\u94ae\u7ed1\u5b9a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\tvar btn01 = document.getElementById(\"btn01\");\n\t\t\t\tbtn01.onclick = function(){\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u4fee\u6539box1\u7684\u5bbd\u5ea6\n\t\t\t\t\t\/*\n\t\t\t\t\t * \u901a\u8fc7JS\u4fee\u6539\u5143\u7d20\u7684\u6837\u5f0f\uff1a\n\t\t\t\t\t * \t\u8bed\u6cd5\uff1a\u5143\u7d20.style.\u6837\u5f0f\u540d = \u6837\u5f0f\u503c\n\t\t\t\t\t * \n\t\t\t\t\t * \u6ce8\u610f\uff1a\u5982\u679cCSS\u7684\u6837\u5f0f\u540d\u4e2d\u542b\u6709-\uff0c\n\t\t\t\t\t * \t\t\u8fd9\u79cd\u540d\u79f0\u5728JS\u4e2d\u662f\u4e0d\u5408\u6cd5\u7684\u6bd4\u5982background-color\n\t\t\t\t\t * \t\t\u9700\u8981\u5c06\u8fd9\u79cd\u6837\u5f0f\u540d\u4fee\u6539\u4e3a\u9a7c\u5cf0\u547d\u540d\u6cd5\uff0c\n\t\t\t\t\t * \t\t\u53bb\u6389-\uff0c\u7136\u540e\u5c06-\u540e\u7684\u5b57\u6bcd\u5927\u5199\n\t\t\t\t\t * \n\t\t\t\t\t * \u6211\u4eec\u901a\u8fc7style\u5c5e\u6027\u8bbe\u7f6e\u7684\u6837\u5f0f\u90fd\u662f\u5185\u8054\u6837\u5f0f\uff0c\n\t\t\t\t\t * \t\u800c\u5185\u8054\u6837\u5f0f\u6709\u8f83\u9ad8\u7684\u4f18\u5148\u7ea7\uff0c\u6240\u4ee5\u901a\u8fc7JS\u4fee\u6539\u7684\u6837\u5f0f\u5f80\u5f80\u4f1a\u7acb\u5373\u663e\u793a\n\t\t\t\t\t * \n\t\t\t\t\t * \u4f46\u662f\u5982\u679c\u5728\u6837\u5f0f\u4e2d\u5199\u4e86!important\uff0c\u5219\u6b64\u65f6\u6837\u5f0f\u4f1a\u6709\u6700\u9ad8\u7684\u4f18\u5148\u7ea7\uff0c\n\t\t\t\t\t * \t\u5373\u4f7f\u901a\u8fc7JS\u4e5f\u4e0d\u80fd\u8986\u76d6\u8be5\u6837\u5f0f\uff0c\u6b64\u65f6\u5c06\u4f1a\u5bfc\u81f4JS\u4fee\u6539\u6837\u5f0f\u5931\u6548\n\t\t\t\t\t * \t\u6240\u4ee5\u5c3d\u91cf\u4e0d\u8981\u4e3a\u6837\u5f0f\u6dfb\u52a0!important\n\t\t\t\t\t * \n\t\t\t\t\t * \n\t\t\t\t\t * \n\t\t\t\t\t *\/\n\t\t\t\t\tbox1.style.width = \"300px\";\n\t\t\t\t\tbox1.style.height = \"300px\";\n\t\t\t\t\t\/\/box1.style.backgroundColor = \"yellow\";\n\t\t\t\t\tbox1.style.cssText = \"background-color:yellow !important;width:300px;height:300px;\";\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/\/\u70b9\u51fb\u6309\u94ae2\u4ee5\u540e\uff0c\u8bfb\u53d6\u5143\u7d20\u7684\u6837\u5f0f\n\t\t\t\tvar btn02 = document.getElementById(\"btn02\");\n\t\t\t\tbtn02.onclick = function(){\n\t\t\t\t\t\/\/\u8bfb\u53d6box1\u7684\u6837\u5f0f\n\t\t\t\t\t\/*\n\t\t\t\t\t * \t\u8bed\u6cd5\uff1a\u5143\u7d20.style.\u6837\u5f0f\u540d\n\t\t\t\t\t * \n\t\t\t\t\t * \u901a\u8fc7style\u5c5e\u6027\u8bbe\u7f6e\u548c\u8bfb\u53d6\u7684\u90fd\u662f\u5185\u8054\u6837\u5f0f\n\t\t\t\t\t * \t\u65e0\u6cd5\u8bfb\u53d6\u6837\u5f0f\u8868\u4e2d\u7684\u6837\u5f0f\n\t\t\t\t\t *\/\n\t\t\t\t\t\/\/alert(box1.style.height);\n\t\t\t\t\talert(box1.style.width);\n\t\t\t\t};\n\t\t\t};\n\t\t\t\n\t\t\t\n\t\t<\/script>\n\t<\/head>\n\t<body>\n\t\t\n\t\t<button id=\"btn01\">\u70b9\u6211\u4e00\u4e0b<\/button>\n\t\t<button id=\"btn02\">\u70b9\u6211\u4e00\u4e0b2<\/button>\n\t\t\n\t\t<br \/><br \/>\n\t\t\n\t\t<div id=\"box1\"><\/div>\n\t\t\n\t<\/body>\n<\/html><\/code><\/pre>\n
<\/h1>\n
\u8bfb\u53d6\u5143\u7d20\u7684\u6837\u5f0f<\/h1>\n
<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"UTF-8\">\n\t\t<title><\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\n\t\t\t#box1{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: yellow;\n\t\t\t}\n\t\t\t\n\t\t<\/style>\n\t\t\n\t\t<script type=\"text\/javascript\">\n\t\t\t\n\t\t\twindow.onload = function(){\n\t\t\t\t\n\t\t\t\t\/\/\u70b9\u51fb\u6309\u94ae\u4ee5\u540e\u8bfb\u53d6box1\u7684\u6837\u5f0f\n\t\t\t\tvar box1 = document.getElementById(\"box1\");\n\t\t\t\tvar btn01 = document.getElementById(\"btn01\");\n\t\t\t\tbtn01.onclick = function(){\n\t\t\t\t\t\/\/\u8bfb\u53d6box1\u7684\u5bbd\u5ea6\n\t\t\t\t\t\/\/alert(box1.style.width);\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * \u83b7\u53d6\u5143\u7d20\u7684\u5f53\u524d\u663e\u793a\u7684\u6837\u5f0f\n\t\t\t\t\t * \t\u8bed\u6cd5\uff1a\u5143\u7d20.currentStyle.\u6837\u5f0f\u540d\n\t\t\t\t\t * \u5b83\u53ef\u4ee5\u7528\u6765\u8bfb\u53d6\u5f53\u524d\u5143\u7d20\u6b63\u5728\u663e\u793a\u7684\u6837\u5f0f\n\t\t\t\t\t * \t\u5982\u679c\u5f53\u524d\u5143\u7d20\u6ca1\u6709\u8bbe\u7f6e\u8be5\u6837\u5f0f\uff0c\u5219\u83b7\u53d6\u5b83\u7684\u9ed8\u8ba4\u503c\n\t\t\t\t\t * \n\t\t\t\t\t * currentStyle\u53ea\u6709IE\u6d4f\u89c8\u5668\u652f\u6301\uff0c\u5176\u4ed6\u7684\u6d4f\u89c8\u5668\u90fd\u4e0d\u652f\u6301\n\t\t\t\t\t *\/\n\t\t\t\t\t\n\t\t\t\t\t\/\/alert(box1.currentStyle.width);\n\t\t\t\t\t\/\/box1.currentStyle.width = \"200px\";\n\t\t\t\t\t\/\/alert(box1.currentStyle.backgroundColor);\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * \u5728\u5176\u4ed6\u6d4f\u89c8\u5668\u4e2d\u53ef\u4ee5\u4f7f\u7528\n\t\t\t\t\t * \t\tgetComputedStyle()\u8fd9\u4e2a\u65b9\u6cd5\u6765\u83b7\u53d6\u5143\u7d20\u5f53\u524d\u7684\u6837\u5f0f\n\t\t\t\t\t * \t\t\u8fd9\u4e2a\u65b9\u6cd5\u662fwindow\u7684\u65b9\u6cd5\uff0c\u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528\n\t\t\t\t\t * \u9700\u8981\u4e24\u4e2a\u53c2\u6570\n\t\t\t\t\t * \t\t\u7b2c\u4e00\u4e2a\uff1a\u8981\u83b7\u53d6\u6837\u5f0f\u7684\u5143\u7d20\n\t\t\t\t\t * \t\t\u7b2c\u4e8c\u4e2a\uff1a\u53ef\u4ee5\u4f20\u9012\u4e00\u4e2a\u4f2a\u5143\u7d20\uff0c\u4e00\u822c\u90fd\u4f20null\n\t\t\t\t\t * \n\t\t\t\t\t * \u8be5\u65b9\u6cd5\u4f1a\u8fd4\u56de\u4e00\u4e2a\u5bf9\u8c61\uff0c\u5bf9\u8c61\u4e2d\u5c01\u88c5\u4e86\u5f53\u524d\u5143\u7d20\u5bf9\u5e94\u7684\u6837\u5f0f\n\t\t\t\t\t * \t\u53ef\u4ee5\u901a\u8fc7\u5bf9\u8c61.\u6837\u5f0f\u540d\u6765\u8bfb\u53d6\u6837\u5f0f\n\t\t\t\t\t * \t\u5982\u679c\u83b7\u53d6\u7684\u6837\u5f0f\u6ca1\u6709\u8bbe\u7f6e\uff0c\u5219\u4f1a\u83b7\u53d6\u5230\u771f\u5b9e\u7684\u503c\uff0c\u800c\u4e0d\u662f\u9ed8\u8ba4\u503c\n\t\t\t\t\t * \t\u6bd4\u5982\uff1a\u6ca1\u6709\u8bbe\u7f6ewidth\uff0c\u5b83\u4e0d\u4f1a\u83b7\u53d6\u5230auto\uff0c\u800c\u662f\u4e00\u4e2a\u957f\u5ea6\n\t\t\t\t\t * \n\t\t\t\t\t * \u4f46\u662f\u8be5\u65b9\u6cd5\u4e0d\u652f\u6301IE8\u53ca\u4ee5\u4e0b\u7684\u6d4f\u89c8\u5668\n\t\t\t\t\t * \n\t\t\t\t\t * \u901a\u8fc7currentStyle\u548cgetComputedStyle()\u8bfb\u53d6\u5230\u7684\u6837\u5f0f\u90fd\u662f\u53ea\u8bfb\u7684\uff0c\n\t\t\t\t\t * \t\u4e0d\u80fd\u4fee\u6539\uff0c\u5982\u679c\u8981\u4fee\u6539\u5fc5\u987b\u901a\u8fc7style\u5c5e\u6027\n\t\t\t\t\t *\/\n\t\t\t\t\t\/\/var obj = getComputedStyle(box1,null);\n\t\t\t\t\t\n\t\t\t\t\t\/*alert(getComputedStyle(box1,null).width);*\/\n\t\t\t\t\t\/\/\u6b63\u5e38\u6d4f\u89c8\u5668\u7684\u65b9\u5f0f\n\t\t\t\t\t\/\/alert(getComputedStyle(box1,null).backgroundColor);\n\t\t\t\t\t\n\t\t\t\t\t\/\/IE8\u7684\u65b9\u5f0f\n\t\t\t\t\t\/\/alert(box1.currentStyle.backgroundColor);\n\t\t\t\t\t\n\t\t\t\t\t\/\/alert(getStyle(box1,\"width\"));\n\t\t\t\t\t\n\t\t\t\t\tvar w = getStyle(box1,\"width\");\n\t\t\t\t\talert(w);\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t\t\n\t\t\t};\n\t\t\t\n\t\t\t\/*\n\t\t\t * \u5b9a\u4e49\u4e00\u4e2a\u51fd\u6570\uff0c\u7528\u6765\u83b7\u53d6\u6307\u5b9a\u5143\u7d20\u7684\u5f53\u524d\u7684\u6837\u5f0f\n\t\t\t * \u53c2\u6570\uff1a\n\t\t\t * \t\tobj \u8981\u83b7\u53d6\u6837\u5f0f\u7684\u5143\u7d20\n\t\t\t * \t\tname \u8981\u83b7\u53d6\u7684\u6837\u5f0f\u540d\n\t\t\t *\/\n\t\t\t\n\t\t\tfunction getStyle(obj , name){\n\t\t\t\t\n\t\t\t\tif(window.getComputedStyle){\n\t\t\t\t\t\/\/\u6b63\u5e38\u6d4f\u89c8\u5668\u7684\u65b9\u5f0f\uff0c\u5177\u6709getComputedStyle()\u65b9\u6cd5\n\t\t\t\t\treturn getComputedStyle(obj , null)[name];\n\t\t\t\t}else{\n\t\t\t\t\t\/\/IE8\u7684\u65b9\u5f0f\uff0c\u6ca1\u6709getComputedStyle()\u65b9\u6cd5\n\t\t\t\t\treturn obj.currentStyle[name];\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\/\/return window.getComputedStyle?getComputedStyle(obj , null)[name]:obj.currentStyle[name];\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\t\n\t\t<\/script>\n\t<\/head>\n\t<body>\n\t\t<button id=\"btn01\">\u70b9\u6211\u4e00\u4e0b<\/button>\n\t\t<br \/><br \/>\n\t\t<div id=\"box1\" ><\/div>\n\t<\/body>\n<\/html>\n<\/code><\/pre>\n
 <\/p>\n
\u5176\u4ed6\u6837\u5f0f\u64cd\u4f5c\u7684\u5c5e\u6027<\/h1>\n
<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"UTF-8\">\n\t\t<title><\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\n\t\t\t#box1{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: red;\n\t\t\t\tpadding: 10px;\n\t\t\t\tborder: 10px solid yellow;\n\t\t\t}\n\t\t\t\n\t\t\t\n\t\t\t#box2{\n\t\t\t\tpadding: 100px;\n\t\t\t\tbackground-color: #bfa;\n\t\t\t}\n\t\t\t\n\t\t\t#box4{\n\t\t\t\twidth: 200px;\n\t\t\t\theight: 300px;\n\t\t\t\tbackground-color: #bfa;\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t\t\n\t\t\t#box5{\n\t\t\t\twidth: 450px;\n\t\t\t\theight: 600px;\n\t\t\t\tbackground-color: yellow;\n\t\t\t}\n\t\t\t\n\t\t<\/style>\n\t\t<script type=\"text\/javascript\">\n\t\t\t\n\t\t\twindow.onload = function(){\n\t\t\t\tvar box1 = document.getElementById(\"box1\");\n\t\t\t\tvar btn01 = document.getElementById(\"btn01\");\n\t\t\t\tvar box4 = document.getElementById(\"box4\");\n\t\t\t\t\n\t\t\t\tbtn01.onclick = function(){\n\t\t\t\t\t\/*\n\t\t\t\t\t * clientWidth\n\t\t\t\t\t * clientHeight\n\t\t\t\t\t * \t- \u8fd9\u4e24\u4e2a\u5c5e\u6027\u53ef\u4ee5\u83b7\u53d6\u5143\u7d20\u7684\u53ef\u89c1\u5bbd\u5ea6\u548c\u9ad8\u5ea6\n\t\t\t\t\t * \t- \u8fd9\u4e9b\u5c5e\u6027\u90fd\u662f\u4e0d\u5e26px\u7684\uff0c\u8fd4\u56de\u90fd\u662f\u4e00\u4e2a\u6570\u5b57\uff0c\u53ef\u4ee5\u76f4\u63a5\u8fdb\u884c\u8ba1\u7b97\n\t\t\t\t\t * \t- \u4f1a\u83b7\u53d6\u5143\u7d20\u5bbd\u5ea6\u548c\u9ad8\u5ea6\uff0c\u5305\u62ec\u5185\u5bb9\u533a\u548c\u5185\u8fb9\u8ddd\n\t\t\t\t\t *  - \u8fd9\u4e9b\u5c5e\u6027\u90fd\u662f\u53ea\u8bfb\u7684\uff0c\u4e0d\u80fd\u4fee\u6539\n\t\t\t\t\t *\/\n\t\t\t\t\t\/\/alert(box1.clientWidth);\n\t\t\t\t\t\/\/alert(box1.clientHeight);\n\t\t\t\t\t\/\/box1.clientHeight = 300;\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * offsetWidth\n\t\t\t\t\t * offsetHeight\n\t\t\t\t\t * \t- \u83b7\u53d6\u5143\u7d20\u7684\u6574\u4e2a\u7684\u5bbd\u5ea6\u548c\u9ad8\u5ea6\uff0c\u5305\u62ec\u5185\u5bb9\u533a\u3001\u5185\u8fb9\u8ddd\u548c\u8fb9\u6846\n\t\t\t\t\t *\/\n\t\t\t\t\t\/\/alert(box1.offsetWidth);\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * offsetParent\n\t\t\t\t\t * \t- \u53ef\u4ee5\u7528\u6765\u83b7\u53d6\u5f53\u524d\u5143\u7d20\u7684\u5b9a\u4f4d\u7236\u5143\u7d20\n\t\t\t\t\t *  - \u4f1a\u83b7\u53d6\u5230\u79bb\u5f53\u524d\u5143\u7d20\u6700\u8fd1\u7684\u5f00\u542f\u4e86\u5b9a\u4f4d\u7684\u7956\u5148\u5143\u7d20\n\t\t\t\t\t * \t\t\u5982\u679c\u6240\u6709\u7684\u7956\u5148\u5143\u7d20\u90fd\u6ca1\u6709\u5f00\u542f\u5b9a\u4f4d\uff0c\u5219\u8fd4\u56debody\n\t\t\t\t\t *\/\n\t\t\t\t\tvar op = box1.offsetParent;\n\t\t\t\t\t\n\t\t\t\t\t\/\/alert(op.id);\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * offsetLeft\n\t\t\t\t\t * \t- \u5f53\u524d\u5143\u7d20\u76f8\u5bf9\u4e8e\u5176\u5b9a\u4f4d\u7236\u5143\u7d20\u7684\u6c34\u5e73\u504f\u79fb\u91cf\n\t\t\t\t\t * offsetTop\n\t\t\t\t\t * \t- \u5f53\u524d\u5143\u7d20\u76f8\u5bf9\u4e8e\u5176\u5b9a\u4f4d\u7236\u5143\u7d20\u7684\u5782\u76f4\u504f\u79fb\u91cf\n\t\t\t\t\t *\/\n\t\t\t\t\t\n\t\t\t\t\t\/\/alert(box1.offsetLeft);\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * scrollWidth\n\t\t\t\t\t * scrollHeight\n\t\t\t\t\t * \t- \u53ef\u4ee5\u83b7\u53d6\u5143\u7d20\u6574\u4e2a\u6eda\u52a8\u533a\u57df\u7684\u5bbd\u5ea6\u548c\u9ad8\u5ea6\n\t\t\t\t\t *\/\n\t\t\t\t\t\/\/alert(box4.clientHeight);\n\t\t\t\t\t\/\/alert(box4.scrollWidth);\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * scrollLeft\n\t\t\t\t\t * \t- \u53ef\u4ee5\u83b7\u53d6\u6c34\u5e73\u6eda\u52a8\u6761\u6eda\u52a8\u7684\u8ddd\u79bb\n\t\t\t\t\t * scrollTop\n\t\t\t\t\t * \t- \u53ef\u4ee5\u83b7\u53d6\u5782\u76f4\u6eda\u52a8\u6761\u6eda\u52a8\u7684\u8ddd\u79bb\n\t\t\t\t\t *\/\n\t\t\t\t\t\/\/alert(box4.scrollLeft);\n\t\t\t\t\t\/\/alert(box4.scrollTop);\n\t\t\t\t\t\n\t\t\t\t\t\/\/alert(box4.clientHeight); \/\/ 283\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u5f53\u6ee1\u8db3scrollHeight - scrollTop == clientHeight\n\t\t\t\t\t\/\/\u8bf4\u660e\u5782\u76f4\u6eda\u52a8\u6761\u6eda\u52a8\u5230\u5e95\u4e86\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u5f53\u6ee1\u8db3scrollWidth - scrollLeft == clientWidth\n\t\t\t\t\t\/\/\u8bf4\u660e\u6c34\u5e73\u6eda\u52a8\u6761\u6eda\u52a8\u5230\u5e95\n\t\t\t\t\t\/\/alert(box4.scrollHeight - box4.scrollTop); \/\/ 600\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t\t\n\t\t\t};\n\t\t\t\n\t\t\t\n\t\t<\/script>\n\t<\/head>\n\t<body id=\"body\">\n\t\t<button id=\"btn01\">\u70b9\u6211\u4e00\u4e0b<\/button>\n\t\t<br \/><br \/>\n\t\t\n\t\t <div id=\"box4\">\n\t\t \t<div id=\"box5\"><\/div>\n\t\t <\/div>\n\t\t\n\t\t\n\t\t\n\t\t<br \/><br \/>\n\t\t\n\t\t<div id=\"box3\">\n\t\t\t<div id=\"box2\" style=\"position: relative;\">\n\t\t\t\t<div id=\"box1\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t<\/body>\n<\/html>\n<\/code><\/pre>\n
 <\/p>\n
4.\u7ec3\u4e60<\/h1>\n
<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"UTF-8\">\n\t\t<title><\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\n\t\t\t#info{\n\t\t\t\twidth: 300px;\n\t\t\t\theight: 500px;\n\t\t\t\tbackground-color: #bfa;\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t\t\n\t\t<\/style>\n\t\t<script type=\"text\/javascript\">\n\t\t\twindow.onload = function(){\n\t\t\t\t\n\t\t\t\t\/*\n\t\t\t\t * \u5f53\u5782\u76f4\u6eda\u52a8\u6761\u6eda\u52a8\u5230\u5e95\u65f6\u4f7f\u8868\u5355\u9879\u53ef\u7528\n\t\t\t\t * onscroll\n\t\t\t\t * \t- \u8be5\u4e8b\u4ef6\u4f1a\u5728\u5143\u7d20\u7684\u6eda\u52a8\u6761\u6eda\u52a8\u65f6\u89e6\u53d1\n\t\t\t\t *\/\n\t\t\t\t\n\t\t\t\t\/\/\u83b7\u53d6id\u4e3ainfo\u7684p\u5143\u7d20\n\t\t\t\tvar info = document.getElementById(\"info\");\n\t\t\t\t\/\/\u83b7\u53d6\u4e24\u4e2a\u8868\u5355\u9879\n\t\t\t\tvar inputs = document.getElementsByTagName(\"input\");\n\t\t\t\t\/\/\u4e3ainfo\u7ed1\u5b9a\u4e00\u4e2a\u6eda\u52a8\u6761\u6eda\u52a8\u7684\u4e8b\u4ef6\n\t\t\t\tinfo.onscroll = function(){\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u68c0\u67e5\u5782\u76f4\u6eda\u52a8\u6761\u662f\u5426\u6eda\u52a8\u5230\u5e95\n\t\t\t\t\tif(info.scrollHeight - info.scrollTop == info.clientHeight){\n\t\t\t\t\t\t\/\/\u6eda\u52a8\u6761\u6eda\u52a8\u5230\u5e95\uff0c\u4f7f\u8868\u5355\u9879\u53ef\u7528\n\t\t\t\t\t\t\/*\n\t\t\t\t\t\t * disabled\u5c5e\u6027\u53ef\u4ee5\u8bbe\u7f6e\u4e00\u4e2a\u5143\u7d20\u662f\u5426\u7981\u7528\uff0c\n\t\t\t\t\t\t * \t\u5982\u679c\u8bbe\u7f6e\u4e3atrue\uff0c\u5219\u5143\u7d20\u7981\u7528\n\t\t\t\t\t\t * \t\u5982\u679c\u8bbe\u7f6e\u4e3afalse\uff0c\u5219\u5143\u7d20\u53ef\u7528\n\t\t\t\t\t\t *\/\n\t\t\t\t\t\tinputs[0].disabled = false;\n\t\t\t\t\t\tinputs[1].disabled = false;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t\t\n\t\t\t};\n\t\t\t\n\t\t\t\n\t\t<\/script>\n\t<\/head>\n\t<body>\n\t\t<h3>\u6b22\u8fce\u4eb2\u7231\u7684\u7528\u6237\u6ce8\u518c<\/h3>\n\t\t<p id=\"info\">\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t\t\u4eb2\u7231\u7684\u7528\u6237\uff0c\u8bf7\u4ed4\u7ec6\u9605\u8bfb\u4ee5\u4e0b\u534f\u8bae\uff0c\u5982\u679c\u4f60\u4e0d\u4ed4\u7ec6\u9605\u8bfb\u4f60\u5c31\u522b\u6ce8\u518c\n\t\t<\/p>\n\t\t<!-- \u5982\u679c\u4e3a\u8868\u5355\u9879\u6dfb\u52a0disabled=\"disabled\" \u5219\u8868\u5355\u9879\u5c06\u53d8\u6210\u4e0d\u53ef\u7528\u7684\u72b6\u6001 -->\n\t\t<input type=\"checkbox\" disabled=\"disabled\" \/>\u6211\u5df2\u4ed4\u7ec6\u9605\u8bfb\u534f\u8bae\uff0c\u4e00\u5b9a\u9075\u5b88\n\t\t<input type=\"submit\" value=\"\u6ce8\u518c\" disabled=\"disabled\" \/>\n\t<\/body>\n<\/html><\/code><\/pre>\n
<\/h1>\n
\u4e8b\u4ef6\u5bf9\u8c61<\/h1>\n
<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/loose.dtd\">\n<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n<title>Insert title here<\/title>\n<style type=\"text\/css\">\n\n\t#areaDiv {\n\t\tborder: 1px solid black;\n\t\twidth: 300px;\n\t\theight: 50px;\n\t\tmargin-bottom: 10px;\n\t}\n\t\n\t#showMsg {\n\t\tborder: 1px solid black;\n\t\twidth: 300px;\n\t\theight: 20px;\n\t}\n\n<\/style>\n<script type=\"text\/javascript\">\n\n\twindow.onload = function(){\n\t\t\/*\n\t\t * \u5f53\u9f20\u6807\u5728areaDiv\u4e2d\u79fb\u52a8\u65f6\uff0c\u5728showMsg\u4e2d\u6765\u663e\u793a\u9f20\u6807\u7684\u5750\u6807\n\t\t *\/\n\t\t\/\/\u83b7\u53d6\u4e24\u4e2adiv\n\t\tvar areaDiv = document.getElementById(\"areaDiv\");\n\t\tvar showMsg = document.getElementById(\"showMsg\");\n\t\t\n\t\t\/*\n\t\t * onmousemove\n\t\t * \t- \u8be5\u4e8b\u4ef6\u5c06\u4f1a\u5728\u9f20\u6807\u5728\u5143\u7d20\u4e2d\u79fb\u52a8\u65f6\u88ab\u89e6\u53d1\n\t\t * \n\t\t * \u4e8b\u4ef6\u5bf9\u8c61\n\t\t * \t- \u5f53\u4e8b\u4ef6\u7684\u54cd\u5e94\u51fd\u6570\u88ab\u89e6\u53d1\u65f6\uff0c\u6d4f\u89c8\u5668\u6bcf\u6b21\u90fd\u4f1a\u5c06\u4e00\u4e2a\u4e8b\u4ef6\u5bf9\u8c61\u4f5c\u4e3a\u5b9e\u53c2\u4f20\u9012\u8fdb\u54cd\u5e94\u51fd\u6570,\n\t\t * \t\t\u5728\u4e8b\u4ef6\u5bf9\u8c61\u4e2d\u5c01\u88c5\u4e86\u5f53\u524d\u4e8b\u4ef6\u76f8\u5173\u7684\u4e00\u5207\u4fe1\u606f\uff0c\u6bd4\u5982\uff1a\u9f20\u6807\u7684\u5750\u6807  \u952e\u76d8\u54ea\u4e2a\u6309\u952e\u88ab\u6309\u4e0b  \u9f20\u6807\u6eda\u8f6e\u6eda\u52a8\u7684\u65b9\u5411\u3002\u3002\u3002\n\t\t *\/\n\t\tareaDiv.onmousemove = function(event){\n\t\t\t\n\t\t\t\/*\n\t\t\t * \u5728IE8\u4e2d\uff0c\u54cd\u5e94\u51fd\u6570\u88ab\u5904\u7f5a\u65f6\uff0c\u6d4f\u89c8\u5668\u4e0d\u4f1a\u4f20\u9012\u4e8b\u4ef6\u5bf9\u8c61\uff0c\n\t\t\t * \t\u5728IE8\u53ca\u4ee5\u4e0b\u7684\u6d4f\u89c8\u5668\u4e2d\uff0c\u662f\u5c06\u4e8b\u4ef6\u5bf9\u8c61\u4f5c\u4e3awindow\u5bf9\u8c61\u7684\u5c5e\u6027\u4fdd\u5b58\u7684\n\t\t\t *\/\n\t\t\t\/*if(!event){\n\t\t\t\tevent = window.event;\n\t\t\t}*\/\n\t\t\t\n\t\t\t\/\/\u89e3\u51b3\u4e8b\u4ef6\u5bf9\u8c61\u7684\u517c\u5bb9\u6027\u95ee\u9898\n\t\t\tevent = event || window.event;\n\t\t\t\n\t\t\t\/*\n\t\t\t * clientX\u53ef\u4ee5\u83b7\u53d6\u9f20\u6807\u6307\u9488\u7684\u6c34\u5e73\u5750\u6807\n\t\t\t * cilentY\u53ef\u4ee5\u83b7\u53d6\u9f20\u6807\u6307\u9488\u7684\u5782\u76f4\u5750\u6807\n\t\t\t *\/\n\t\t\tvar x = event.clientX;\n\t\t\tvar y = event.clientY;\n\t\t\t\n\t\t\t\/\/alert(\"x = \"+x + \" , y = \"+y);\n\t\t\t\n\t\t\t\/\/\u5728showMsg\u4e2d\u663e\u793a\u9f20\u6807\u7684\u5750\u6807\n\t\t\tshowMsg.innerHTML = \"x = \"+x + \" , y = \"+y;\n\t\t\t\n\t\t};\n\t\t\n\t};\n\n<\/script>\n<\/head>\n<body>\n\n\t<div id=\"areaDiv\"><\/div>\n\t<div id=\"showMsg\"><\/div>\n\n<\/body>\n<\/html><\/code><\/pre>\n
 <\/p>\n
5.\u7ec3\u4e60<\/h1>\n
<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"UTF-8\">\n\t\t<title><\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t#box1{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: red;\n\t\t\t\t\/*\n\t\t\t\t * \u5f00\u542fbox1\u7684\u7edd\u5bf9\u5b9a\u4f4d\n\t\t\t\t *\/\n\t\t\t\tposition: absolute;\n\t\t\t}\n\t\t\t\n\t\t<\/style>\n\t\t\n\t\t<script type=\"text\/javascript\">\n\t\t\twindow.onload = function(){\n\t\t\t\t\n\t\t\t\t\/*\n\t\t\t\t * \u4f7fdiv\u53ef\u4ee5\u8ddf\u968f\u9f20\u6807\u79fb\u52a8\n\t\t\t\t *\/\n\t\t\t\t\n\t\t\t\t\/\/\u83b7\u53d6box1\n\t\t\t\tvar box1 = document.getElementById(\"box1\");\n\t\t\t\t\/\/\u7ed1\u5b9a\u9f20\u6807\u79fb\u52a8\u4e8b\u4ef6\n\t\t\t\tdocument.onmousemove = function(event){\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u89e3\u51b3\u517c\u5bb9\u95ee\u9898\n\t\t\t\t\tevent = event || window.event;\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u83b7\u53d6\u6eda\u52a8\u6761\u6eda\u52a8\u7684\u8ddd\u79bb\n\t\t\t\t\t\/*\n\t\t\t\t\t * chrome\u8ba4\u4e3a\u6d4f\u89c8\u5668\u7684\u6eda\u52a8\u6761\u662fbody\u7684\uff0c\u53ef\u4ee5\u901a\u8fc7body.scrollTop\u6765\u83b7\u53d6\n\t\t\t\t\t * \u706b\u72d0\u7b49\u6d4f\u89c8\u5668\u8ba4\u4e3a\u6d4f\u89c8\u5668\u7684\u6eda\u52a8\u6761\u662fhtml\u7684\uff0c\n\t\t\t\t\t *\/\n\t\t\t\t\tvar st = document.body.scrollTop || document.documentElement.scrollTop;\n\t\t\t\t\tvar sl = document.body.scrollLeft || document.documentElement.scrollLeft;\n\t\t\t\t\t\/\/var st = document.documentElement.scrollTop;\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u83b7\u53d6\u5230\u9f20\u6807\u7684\u5750\u6807\n\t\t\t\t\t\/*\n\t\t\t\t\t * clientX\u548cclientY\n\t\t\t\t\t * \t\u7528\u4e8e\u83b7\u53d6\u9f20\u6807\u5728\u5f53\u524d\u7684\u53ef\u89c1\u7a97\u53e3\u7684\u5750\u6807\n\t\t\t\t\t * div\u7684\u504f\u79fb\u91cf\uff0c\u662f\u76f8\u5bf9\u4e8e\u6574\u4e2a\u9875\u9762\u7684\n\t\t\t\t\t * \n\t\t\t\t\t * pageX\u548cpageY\u53ef\u4ee5\u83b7\u53d6\u9f20\u6807\u76f8\u5bf9\u4e8e\u5f53\u524d\u9875\u9762\u7684\u5750\u6807\n\t\t\t\t\t * \t\u4f46\u662f\u8fd9\u4e2a\u4e24\u4e2a\u5c5e\u6027\u5728IE8\u4e2d\u4e0d\u652f\u6301\uff0c\u6240\u4ee5\u5982\u679c\u9700\u8981\u517c\u5bb9IE8\uff0c\u5219\u4e0d\u8981\u4f7f\u7528\n\t\t\t\t\t *\/\n\t\t\t\t\tvar left = event.clientX;\n\t\t\t\t\tvar\u3000top = event.clientY;\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u8bbe\u7f6ediv\u7684\u504f\u79fb\u91cf\n\t\t\t\t\tbox1.style.left = left + sl + \"px\";\n\t\t\t\t\tbox1.style.top = top + st + \"px\";\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t\t\n\t\t\t\t\n\t\t\t};\n\t\t\t\n\t\t\t\n\t\t<\/script>\n\t<\/head>\n\t<body style=\"height: 1000px;width: 2000px;\">\n\t\t<div id=\"box1\"><\/div>\n\t<\/body>\n<\/html>\n<\/code><\/pre>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
1.\u7ec3\u4e60 <!DOCTYPE HTML PUBLIC “-\/\/W3C\/\/DTD HTML 4.01\/\/EN” “","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[4],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/366"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=366"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/366\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}