Frontend overview: HTML, CSS, JavaScript
•Download as KEY, PDF•
8 likes•564 views
The document provides an overview of front-end technologies including HTML, CSS, JavaScript, Ajax and jQuery. It discusses how the front-end interacts with the user's browser and backend servers. It describes the roles of HTML, CSS and JavaScript in content, styles and behaviors. It then covers HTML tags and structures, CSS, JavaScript basics and its use in browsers with BOM and DOM APIs. The document also summarizes Ajax and how it enables asynchronous JavaScript requests, and introduces jQuery and how it simplifies DOM and Ajax operations.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Frontend overview: HTML, CSS, JavaScript
Similar to Frontend overview: HTML, CSS, JavaScript (20)
Recently uploaded
Recently uploaded (20)
Frontend overview: HTML, CSS, JavaScript
- 2. Frontend HTML CSS Agenda JavaScript Ajax jQuery
- 3. FRONTEND
- 4. User
- 5. User Browser
- 6. User Browser
- 7. User Browser
- 8. Frontend User Browser Server
- 9. Frontend Backend User Browser Server Server
- 10. Frontend Backend User Browser Server Server
- 11. Frontend Backend User Browser Server Server
- 12. Frontend Backend User Browser Server Server
- 13. Frontend Backend User Browser Server Server
- 14. Frontend Backend User Browser Server Server
- 16. HTML CSS JavaScript 内容/样式/行为
- 17. BROWSER 解析 染 HTML/CSS 下载外部资源 提供 JavaScript 执行环境 响应用户操作
- 18. FRONTEND IS... JavaScript Browser HTML CSS
- 19. MISSION
- 20. TASK A 列出所有笔记
- 21. TASK B 编辑笔记
- 22. HTM L yper ext arkup anguage
- 23. MARKUP <a href=”http://www.youdao.com”>youdao</a> Start Tag Attribute inner content End Tag
- 24. TAG <html> <head> <body> <div> <p> <ul> <ol> <table> ...80+ in XHTML
- 25. TAG 结构元素：p,div,span,h1-h6,body... 列表元素：ul,ol,dl,li,dd,dt 表单元素：form,input,button,label... 媒体元素：img,video,audio... 表格元素：table,tr,td,caption,tbody...
- 26. DEMO <!DOCTYPE HTML> <html> <head> <title>TITLE</title> </head> <body> <p>Hello World!</p> </body> </html>
- 27. DOCTYPE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http:// www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE HTML>
- 28. XHTML XML + HTML, more strict
- 29. <A HREF=’http://www.youdao.com’>youdao</A> <br> <br/> <img src=”xxx”> <img alt=”xxx” src=”xxx”/>
- 30. Semantic <div class=”nav”> <a href=”home”>home</a> 普通 <a href=”user”>user</a> </div> <ul class=”nav”> <li><a href=”home”>home</a></li> 文艺 <li><a href=”user”>user</a></li> </ul> <nav class=”nav”> <a href=”home”>home</a> HTML 5 <a href=”user”>user</a> </nav>
- 31. HTML 5 <header> <footer> <article> <section> ...
- 32. HTML 5 <a href=”...” data-user-id=”123”>user</a> 区分自定义属性和标准属性 对程序更加友好
- 33. MISSION
- 34. MISSION
- 35. MISSION <!DOCTYPE html> <html> <head><title>YNote</title></head> <body> <aside> <div data-note-id=”1”>A normal note</div> <div data-note-id=”2”>A normal note, too</div> <div data-note-id=”3”>A normal note, three</div> </aside> <article> <button>Save</button> <textarea data-note-id=”1”>A normal note</textarea> </article> </boty> </html>
- 36. MISSION <!DOCTYPE html> <html> <head><title>YNote</title></head> <body> <aside> <div data-note-id=”1”>A normal note</div> <div data-note-id=”2”>A normal note, too</div> <div data-note-id=”3”>A normal note, three</div> </aside> <article> <button>Save</button> <textarea data-note-id=”1”>A normal note</textarea> </article> </boty> </html>
- 37. 暂停一下，对于 HTML，Q&A 接下来，是 CSS
- 38. C SS ascade tyle heet
- 39. JavaScript
- 40. JavaScript 印度尼西亚
- 41. The part that is good is not original, and the part that is original is not good. -- Dr. Johnson
- 43. ECMA-262
- 44. ECMAScript
- 45. ECMAScript 5
- 47. ECMAScript 6
- 50. Browser JavaScript ECMAScript + BOM + DOM
- 52. BOM window document navigator document.cookie history location localStorage
- 54. DOM <html> document.body <body> <div>Foo</div> <div>Bar</div> div div </body> </html>
- 55. Search document.getElementById document.querySelector document.querySelectorAll
- 56. Traversing element.firstChild element.nextSibling element.parentNode ...
- 57. Manipulation element.appendChild element.removeChild element.insertBefore element.innerHTML element.style
- 58. EVENTS element.addEventListener element.removeEventListener elem.addEventListener(‘click’, function (evt) { console.log(‘elem is clicked’); });
- 59. EVENTS note.addEventListener(‘click’, switchNote); saveButton.addEventListener(‘click’, saveNote);
- 61. NO MSDN 如果你不想被 IE 绑架
- 62. www.jquery.com
- 63. 暂停一下，对于 JS，Q&A 接下来，是 AJAX
- 65. URL/FORM Send data to server, before AJAX ...
- 67. Asynchronous var xhr = new XMLHTTPRequest(); xhr.open(‘GET’, ‘http://www.youdao.com’, true); xhr.onreadystatechange = function () { // 这行在服务器返回数据后执行 }; xhr.send(); // 这行先执行
- 68. XML xhr.onreadystatechange = function () { var xml = xhr.responseXML; xml.getElementsByTagName(‘data’); // ... same to DOM API }
- 69. JSON Because XML sucks... JavaScript Object Notation
- 70. JSON { “array”: [1, 2, 3], “object”: { “foo”: “bar” }, “boolean”: true } {“array”: [1, 2, 3],“object”: {“foo”: “bar”},“boolean”: true}
- 71. JSON IN JS JSON.parse JSON.stringify http://www.json.org/js.html
- 72. JSON IN AJAX xhr.onreadystatechange = function () { var data = JSON.parse(xhr.responseText); // data is native object now! }
- 73. OTHER something like “AJAX”
- 74. IMAGE var img = new Image(); img.src = apiUrl + ‘?data=’ +data; Pros: simplicity cross-domain Cons: no POST hardly callback
- 75. IFRAME + FORM <form target=”xxx”></form> <iframe name=”xxx”></iframe> form.submit(); Pros: cross-domain POST/GET Cons: hardly callback
- 76. JSONP window.callback = function (data) { // get data! }; var script = document.createElement(‘script’); script.src = apiURL + ‘?data=’ + data; document.body.appendChild(script); server response: window.callback({ “foo”: “bar” });
- 77. JSONP Pros: cross-domain easy callback Cons: no POST server api
- 78. 暂停一下，对于 AJAX，Q&A 接下来，是 jQuery
- 79. jQuery write less, do more
- 80. DOM&AJAX a little utility function, just a little
- 81. Finally...
- 82. Search $(cssSelector)
- 83. Manipulation $(selector).append $(selector).appendTo $(selector).insertBefore $(selector).insertAfter $(selector).remove $(selector).show $(selector).hide $(selector).css
- 84. AJAX $.post(url, params, function (data) { // get data! }); $.getJSON(url, params, function (data) { // get data! }); $.getJSON("http://anotherDomain/? jsoncallback=?", params, callback);
- 85. USE OR NOT Pros: 简单 几乎没有兼容性问题 Cons: 31KB (Gzipped) 太多封装
- 86. TASK A 列出所有笔记
- 87. TASK A API [{ “id”: 1, “content”: “A normal note” }, { “id”: 2, GET /list “content”: “A normal note, too” }, { “id”: 3, “content”: “A normal note, three” }]
- 88. TASK A
- 89. TASK A API GET /note?id={noteId} { “id”: 3, “content”: “A normal note, three” }
- 90. TASK A
- 91. TASK B 编辑笔记
- 92. TASK B API { “id”: 1, POST /save “content”: “A normal note” id: } content:
- 93. TASK B
- 94. BOOTSTRAP
- 95. HTML 5 THE POWER
- 96. HTML 5 Multi-process Animation Graphic Audio Video Geography User device
- 99. AIR
- 100. WINDOWS 8
- 101. iOS/Android
Editor's Notes
- \n
- \n
- &#x9996;&#x5148;&#xFF0C;&#x4EC0;&#x4E48;&#x662F;&#x524D;&#x7AEF;&#x5462;&#xFF0C;&#x524D;&#x7AEF;&#x7684;&#x9886;&#x57DF;&#x662F;&#x5982;&#x4F55;&#x5212;&#x5206;&#x7684;&#xFF1F;&#x5176;&#x5B9E;&#x6211;&#x4EEC;&#x6BCF;&#x4E2A;&#x4EBA;&#x5728;&#x751F;&#x6D3B;&#x4E2D;&#x90FD;&#x4F1A;&#x63A5;&#x89E6;&#x5230;&#x524D;&#x7AEF;&#x6280;&#x672F;&#xFF0C;&#x6BD4;&#x5982;&#x4F60;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#x6D4F;&#x89C8;&#x7F51;&#x9875;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x7528;&#x6237;&#x6253;&#x5F00;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5730;&#x5740;&#x680F;&#x4E2D;&#x8F93;&#x5165; url&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x53D1;&#x9001;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x5230;&#x6709;&#x9053;&#x7684;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#xFF0C;&#x524D;&#x7AEF;&#x670D;&#x52A1;&#x5668;&#x518D;&#x53BB;&#x540E;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x6BD4;&#x5982; omap &#x53BB;&#x64CD;&#x4F5C;&#x6570;&#x636E;&#xFF0C;&#x751F;&#x6210;&#x8981;&#x7ED9;&#x7528;&#x6237;&#x7684;&#x9875;&#x9762;&#x3002;&#x8FD4;&#x56DE;&#x7ED9;&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x62FF;&#x5230;&#x9875;&#x9762;&#x540E;&#xFF0C;&#x6E32;&#x67D3;&#x9875;&#x9762;&#xFF0C;&#x5448;&#x73B0;&#x7ED9;&#x7528;&#x6237;&#x3002;\n\n&#x5728;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#xFF0C;&#x7528;&#x6237;&#x80FD;&#x76F4;&#x63A5;&#x611F;&#x53D7;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x524D;&#x7AEF;&#xFF0C;&#x6BD4;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x611F;&#x53D7;&#x4E0D;&#x5230;&#x7684;&#x90E8;&#x5206;&#x5C31;&#x662F;&#x540E;&#x7AEF;&#x3002;&#x524D;&#x7AEF;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x662F;&#x865A;&#x7EBF;&#x6846;&#x4E2D;&#x6846;&#x5230;&#x7684;&#x3002;&#x4E4B;&#x6240;&#x4EE5;&#x4E00;&#x90E8;&#x5206; frontend server &#x5728;&#x6846;&#x4E2D;&#xFF0C;&#x662F;&#x56E0;&#x4E3A; frontend server &#x8981;&#x8D1F;&#x8D23;&#x9875;&#x9762;&#x7684;&#x6E32;&#x67D3;&#x548C;&#x6570;&#x636E;&#x64CD;&#x4F5C;&#x3002;&#x6709;&#x4E9B;&#x516C;&#x53F8;&#x4F1A;&#x5C06;&#x8FD9;&#x4E2A; frontend server &#x4E5F;&#x5212;&#x5165;&#x524D;&#x7AEF;&#x8303;&#x56F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x662F;&#x6BD4;&#x8F83;&#x5BBD;&#x6CDB;&#x7684;&#x524D;&#x7AEF;&#x5B9A;&#x4E49;&#x3002;&#x524D;&#x7AEF;&#x6700;&#x4E3B;&#x8981;&#x7684;&#x90E8;&#x5206;&#x8FD8;&#x662F;&#x90FD;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x3002;\n
- &#x4EE5;&#x6709;&#x9053;&#x9996;&#x9875;&#x4E3A;&#x4F8B;&#xFF0C;&#x6240;&#x6709;&#x4F60;&#x770B;&#x5230;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x90FD;&#x662F;&#x901A;&#x8FC7;&#x524D;&#x7AEF;&#x6280;&#x672F;&#x5448;&#x73B0;&#x5728;&#x4F60;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x3002;&#x5982;&#x679C;&#x4F60;&#x628A;&#x6709;&#x9053;&#x9996;&#x9875;&#x901A;&#x8FC7;&#x6D4F;&#x89C8;&#x5668;&#x4FDD;&#x5B58;&#x5230;&#x672C;&#x5730;&#x7684;&#x8BDD;&#xFF0C;&#x4F60;&#x53EF;&#x4EE5;&#x770B;&#x5230;&#x57FA;&#x672C;&#x4E0A;&#x6709;&#x4E09;&#x7C7B;&#x6587;&#x4EF6;&#xFF0C;HTML&#x3001;JS&#x3001;&#x548C; CSS&#x3002;HTML &#x51B3;&#x5B9A;&#x4E86;&#x9875;&#x9762;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x6BD4;&#x5982;&#x4E2D;&#x95F4;&#x7684;&#x641C;&#x7D22;&#x6846;&#xFF0C;HTML &#x4F7F;&#x5F97;&#x9875;&#x9762;&#x4E0A;&#x5B58;&#x5728;&#x8F93;&#x5165;&#x6846;&#x8FD9;&#x4E2A;&#x5143;&#x7D20;&#x3002;CSS &#x51B3;&#x5B9A;&#x8F93;&#x5165;&#x6846;&#x663E;&#x793A;&#x6210;&#x4EC0;&#x4E48;&#x6837;&#x5B50;&#xFF0C;&#x663E;&#x793A;&#x591A;&#x5BBD;&#x591A;&#x9AD8;&#xFF0C;&#x663E;&#x793A;&#x5728;&#x54EA;&#x91CC;&#xFF0C;&#x989C;&#x8272;&#x4E4B;&#x7C7B;&#x7684;&#x6837;&#x5F0F;&#x3002;JS &#x51B3;&#x5B9A;&#x5F53;&#x4F60;&#x5728;&#x8F93;&#x5165;&#x6846;&#x4E2D;&#x6253;&#x5B57;&#x65F6;&#xFF0C;&#x8F93;&#x5165;&#x6846;&#x7684;&#x884C;&#x4E3A;&#xFF0C;&#x6BD4;&#x5982;&#x5F39;&#x51FA;&#x4E00;&#x4E2A; suggest &#x5217;&#x8868;&#x3002;\n
- &#x8FD9;&#x4E09;&#x8005;&#x5206;&#x522B;&#x5BF9;&#x5E94;&#x4E86;&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x4E0A;&#x7684; &#x5185;&#x5BB9;&#x3001;&#x6837;&#x5F0F;&#x548C;&#x884C;&#x4E3A;&#x3002;&#x62FF;&#x76D6;&#x623F;&#x5B50;&#x505A;&#x4E2A;&#x6BD4;&#x65B9;&#xFF0C;HTML &#x662F;&#x623F;&#x5B50;&#x7684;&#x7ED3;&#x6784;&#xFF0C;CSS &#x662F;&#x623F;&#x5B50;&#x7684;&#x88C5;&#x4FEE;&#xFF0C;JavaScript &#x5C31;&#x662F;&#x7269;&#x4E1A;&#x3002;\n\nHTML CSS JS &#x6700;&#x7EC8;&#x90FD;&#x662F;&#x7531;&#x6D4F;&#x89C8;&#x5668;&#x6765;&#x6E32;&#x67D3;&#x7684;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x662F;&#x8FD9;&#x4E09;&#x8005;&#x8FD0;&#x884C;&#x7684;&#x5BB9;&#x5668;&#x3002;\n
- &#x6D4F;&#x89C8;&#x5668;&#x7684;&#x4E3B;&#x8981;&#x4F5C;&#x7528;&#x662F;&#xFF0C;&#x89E3;&#x6790;&#x6E32;&#x67D3; HTML/CSS&#xFF0C;&#x4E0B;&#x8F7D;&#x5916;&#x90E8;&#x8D44;&#x6E90;&#xFF0C;&#x63D0;&#x4F9B; JavaScript &#x6267;&#x884C;&#x73AF;&#x5883;&#x548C;&#x54CD;&#x5E94;&#x7528;&#x6237;&#x64CD;&#x4F5C;&#x3002;\n
- &#x6240;&#x4EE5;&#xFF0C;&#x524D;&#x7AEF;&#x6280;&#x672F;&#x5B9E;&#x9645;&#x4E0A;&#x5C31;&#x662F;&#x6307;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684; JavaScript/HTML/CSS &#x5F00;&#x53D1;&#x3002;\n\n&#x63A5;&#x4E0B;&#x6765;&#x6211;&#x4EEC;&#x4E3E;&#x4E00;&#x4E2A;&#x4F8B;&#x5B50;&#xFF0C;&#x505A;&#x4E00;&#x4E2A;&#x7B80;&#x5355;&#x7684;&#x6709;&#x9053;&#x7B14;&#x8BB0;&#x3002;\n
- &#x8FD9;&#x4E2A;&#x662F;&#x6211;&#x4EEC;&#x8981;&#x5B9E;&#x73B0;&#x7684;&#x6548;&#x679C;&#xFF0C;&#x4E00;&#x4E2A;&#x975E;&#x5E38;&#x7B80;&#x5355;&#x7684; DEMO&#x3002;&#x5B83;&#x53EA;&#x505A;&#x4E24;&#x4EF6;&#x4E8B;&#x60C5;\n
- &#x7B2C;&#x4E00;&#x4EF6;&#x4E8B;&#x60C5;&#x662F;&#x5728;&#x5DE6;&#x4FA7;&#x5C06;&#x6240;&#x6709;&#x7684;&#x7B14;&#x8BB0;&#x5217;&#x51FA;&#x6765;&#xFF0C;&#x5E76;&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x70B9;&#x51FB;&#x9009;&#x62E9;&#x7B14;&#x8BB0;&#xFF0C;&#x5C06;&#x7B14;&#x8BB0;&#x7684;&#x5168;&#x6587;&#x663E;&#x793A;&#x5728;&#x53F3;&#x4FA7;&#x3002;\n
- &#x7B2C;&#x4E8C;&#x4EF6;&#x4E8B;&#x662F;&#x4F60;&#x5728;&#x53F3;&#x4FA7;&#x7684;&#x7B14;&#x8BB0;&#x7F16;&#x8F91;&#x533A;&#x57DF;&#x5185;&#x53EF;&#x4EE5;&#x5199;&#x7B14;&#x8BB0;&#xFF0C;&#x7136;&#x540E;&#x70B9;&#x51FB;&#x4FDD;&#x5B58;&#x6309;&#x94AE;&#xFF0C;&#x53EF;&#x4EE5;&#x5C06;&#x7B14;&#x8BB0;&#x5185;&#x5BB9;&#x4FDD;&#x5B58;&#x56DE;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x540C;&#x65F6;&#x5DE6;&#x4FA7;&#x5217;&#x8868;&#x7684;&#x6570;&#x636E;&#x4F1A;&#x88AB;&#x66F4;&#x65B0;&#x3002;\n\n&#x8981;&#x5B8C;&#x6210;&#x8FD9;&#x4E2A;&#x9875;&#x9762;&#xFF0C;&#x9700;&#x8981; HTML/CSS/JavaScript &#x4E92;&#x76F8;&#x914D;&#x5408;&#xFF0C;&#x8FD8;&#x4F1A;&#x6D89;&#x53CA;&#x5230; AJAX &#x6280;&#x672F;&#x3002;&#x63A5;&#x4E0B;&#x6765;&#x6211;&#x5C06;&#x9010;&#x4E00;&#x5411;&#x5927;&#x5BB6;&#x4ECB;&#x7ECD;&#x8FD9;&#x51E0;&#x9879;&#x6280;&#x672F;&#xFF0C;&#x5E76;&#x9010;&#x6E10;&#x5B8C;&#x6210;&#x8FD9;&#x4E2A;&#x9875;&#x9762;&#x3002;\n
- &#x9996;&#x5148;&#x662F; HTML&#xFF0C;HTML &#x7684;&#x5168;&#x79F0;&#x662F;&#x8D85;&#x6587;&#x672C;&#x6807;&#x8BB0;&#x8BED;&#x8A00;&#xFF08;Hyptertext Markup Language&#xFF09;&#xFF0C;&#x6240;&#x8C13;&#x8D85;&#x6587;&#x672C;&#xFF0C;&#x5C31;&#x662F;&#x9875;&#x9762;&#x4E0A;&#x7684;&#x4E00;&#x4E2A;&#x4E2A;&#x8D85;&#x94FE;&#x63A5;&#x3002;&#x4E3A;&#x4EC0;&#x4E48; HTML &#x8981;&#x8FD9;&#x4E48;&#x5F3A;&#x8C03;&#x8D85;&#x94FE;&#x63A5;&#x5462;&#xFF1F;&#x8FD9;&#x8DDF;&#x6700;&#x521D;&#x7684;&#x8BBE;&#x60F3;&#x6709;&#x5173;&#xFF0C;&#x6700;&#x5F00;&#x59CB;&#x65F6;&#xFF0C;HTML &#x662F;&#x4E3A;&#x4E86;&#x6587;&#x672C;&#x7684;&#x663E;&#x793A;&#x800C;&#x8BBE;&#x8BA1;&#x7684;&#x3002;&#x4E3A;&#x4E86;&#x5728;&#x5404;&#x4E2A;&#x6587;&#x7AE0;&#x4E2D;&#x8DF3;&#x8F6C;&#xFF0C;&#x5C31;&#x9700;&#x8981;&#x6709;&#x4E00;&#x4E2A;&#x673A;&#x5236;&#x5C06;&#x6587;&#x7AE0;&#x5173;&#x8054;&#x8D77;&#x6765;&#x3002;&#x56E0;&#x6B64;&#x5C31;&#x8BBE;&#x8BA1;&#x4E86;&#x8D85;&#x94FE;&#x63A5;&#x8FD9;&#x4E2A;&#x6982;&#x5FF5;&#xFF0C;HTML &#x9875;&#x9762;&#x901A;&#x8FC7;&#x8D85;&#x94FE;&#x63A5;&#x4E92;&#x76F8;&#x8054;&#x7CFB;&#x8D77;&#x6765;&#x3002;\n
- &#x53E6;&#x5916; HTML &#x7684;&#x4E00;&#x4E2A;&#x91CD;&#x70B9;&#x662F;&#x6807;&#x8BB0;&#x8BED;&#x8A00;&#x3002;HTML &#x672C;&#x8EAB;&#x662F; SGML&#xFF0C;&#x5373;&#x901A;&#x7528;&#x6807;&#x8BB0;&#x8BED;&#x8A00;&#x7684;&#x4E00;&#x4E2A;&#x5B9E;&#x73B0;&#x3002;&#x56E0;&#x6B64; HTML &#x7684;&#x5185;&#x5BB9;&#x90FD;&#x662F;&#x901A;&#x8FC7;&#x5404;&#x79CD;&#x6807;&#x7B7E;&#x6765;&#x7EC4;&#x7EC7;&#x7684;&#x3002;&#x8FD9;&#x662F;&#x4E00;&#x4E2A;&#x6700;&#x57FA;&#x672C;&#x6807;&#x7B7E;&#x7684;&#x5B9E;&#x4F8B;&#xFF0C;&#x4E00;&#x4E2A;&#x5B8C;&#x6574;&#x7684;&#x6807;&#x7B7E;&#x7531;&#x5F00;&#x59CB;&#x6807;&#x7B7E;&#x3001;&#x6807;&#x7B7E;&#x5C5E;&#x6027;&#x3001;&#x6807;&#x7B7E;&#x5185;&#x5BB9;&#x548C;&#x7ED3;&#x675F;&#x6807;&#x7B7E;&#x7EC4;&#x6210;&#x3002;\n
- \n
- HTML &#x6807;&#x7B7E;&#x6709;&#x5F88;&#x591A;&#x79CD;&#xFF0C;&#x6BCF;&#x79CD;&#x6807;&#x7B7E;&#x90FD;&#x6709;&#x81EA;&#x5DF1;&#x9002;&#x5408;&#x7684;&#x573A;&#x5408;&#x3002;&#x6BD4;&#x5982;&#x7528;&#x6765;&#x5212;&#x5206;&#x7ED3;&#x6784;&#x7684; p/div&#xFF0C;&#x6807;&#x8BB0;&#x5217;&#x8868;&#x7684; ul&#x3001;ol&#xFF0C;&#x63A5;&#x53D7;&#x7528;&#x6237;&#x6570;&#x636E;&#x7684; form&#x3001;input &#x7B49;&#x3002;\n
- &#x8FD9;&#x662F;&#x4E00;&#x4E2A;&#x7B80;&#x5355;&#x7684; HTML hello world! DEMO&#x3002;&#x4E00;&#x4EFD;&#x5408;&#x6CD5;&#x7684; html &#x6587;&#x6863;&#x5E94;&#x8BE5;&#x770B;&#x8D77;&#x6765;&#x662F;&#x8FD9;&#x4E2A;&#x6837;&#x5B50;&#x7684;&#xFF1A;&#x6709;&#x4E00;&#x4E2A; doctype&#xFF0C;&#x58F0;&#x660E;&#x6574;&#x4E2A;&#x4EE3;&#x7801;&#x6240;&#x9075;&#x5FAA;&#x7684; HTML &#x6807;&#x51C6;&#x3002;&#x6709;&#x5168;&#x5C40;&#x552F;&#x4E00;&#x7684; html &#x6807;&#x7B7E;&#xFF0C;html &#x6807;&#x7B7E;&#x4E2D;&#x6709;&#x5168;&#x5C40;&#x552F;&#x4E00;&#x7684; head &#x548C; body &#x6807;&#x7B7E;&#x3002;head &#x4E2D;&#x5B9A;&#x4E49;&#x4E86;&#x4E00;&#x4E9B;&#x4F8B;&#x5982;&#x6D4F;&#x89C8;&#x5668;&#x6807;&#x9898;&#x3001;&#x6587;&#x6863;&#x7F16;&#x7801;&#x3001;js&#x3001;css &#x6587;&#x4EF6;&#x8D44;&#x6E90;&#x94FE;&#x63A5;&#x7B49;&#x9875;&#x9762;&#x4FE1;&#x606F;&#x3002;&#x800C; body &#x6807;&#x7B7E;&#x5185;&#x7684;&#x5185;&#x5BB9;&#x4F1A;&#x76F4;&#x63A5;&#x663E;&#x793A;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x91CC;&#x3002;\n\n&#x5728;&#x8FD9;&#x4EFD;&#x6587;&#x6863;&#x91CC;&#xFF0C;doctype &#x626E;&#x6F14;&#x8005;&#x5F88;&#x5173;&#x952E;&#x7684;&#x89D2;&#x8272;&#x3002;&#x56E0;&#x4E3A; HTML &#x672C;&#x8EAB;&#x7684;&#x8FDB;&#x5316;&#xFF0C;&#x4F7F;&#x5F97;&#x5176;&#x5DF2;&#x7ECF;&#x51FA;&#x73B0;&#x4E86;&#x5404;&#x79CD;&#x4E0D;&#x540C;&#x7684;&#x7248;&#x672C;&#xFF0C;&#x4F8B;&#x5982; HTML 4.0&#x3001;XHTML&#x3001;HTML 5.0 &#x7B49;&#x3002;&#x56E0;&#x6B64;&#x5C31;&#x9700;&#x8981; doctype &#x6765;&#x8BF4;&#x660E;&#xFF0C;&#x6B64;&#x4EFD;&#x6587;&#x6863;&#x6240;&#x9075;&#x5FAA;&#x7684;&#x6807;&#x51C6;&#x683C;&#x5F0F;&#x3002;\n
- &#x8FD9;&#x662F;&#x51E0;&#x4E2A;&#x6BD4;&#x8F83;&#x6709;&#x4EE3;&#x8868;&#x6027;&#x7684; HTML doctype&#xFF0C;&#x7B2C;&#x4E00;&#x884C;&#x662F; HTML 4.01&#xFF0C;&#x7B2C;&#x4E8C;&#x884C;&#x662F; XHTML 1.0&#x3002;&#x8FD9;&#x4E24;&#x884C;&#x90FD;&#x6BD4;&#x8F83;&#x957F;&#xFF0C;&#x5927;&#x5BB6;&#x90FD;&#x7EB7;&#x7EB7;&#x53CD;&#x5E94;&#x6253;&#x8FD9;&#x4E48;&#x4E00;&#x884C;&#x592A;&#x7D2F;&#x4E86;&#x3002;&#x4E8E;&#x662F;&#x5230;&#x4E86; HTML5&#xFF0C;doctype &#x88AB;&#x7B80;&#x5316;&#x6210;&#x6700;&#x7B80;&#x5355;&#x7684;&#x4E00;&#x884C;&#x3002;\n\n&#x8FD9;&#x4E5F;&#x662F;&#x56E0;&#x4E3A;&#x8003;&#x8651;&#x5C3D;&#x7BA1;&#x51E0;&#x79CD; HTML &#x5BF9;&#x4E8E;&#x8BED;&#x6CD5;&#x4E0A;&#x7565;&#x6709;&#x4E0D;&#x4E00;&#x81F4;&#xFF0C;&#x4F46;&#x5BF9;&#x4E8E;&#x6E32;&#x67D3;&#x6765;&#x8BF4;&#xFF0C;&#x5F71;&#x54CD;&#x4E0D;&#x592A;&#x5927;&#x3002;&#x5728;&#x5E94;&#x7528;&#x4E2D;&#xFF0C;doctype &#x5B9E;&#x9645;&#x4E0A;&#x662F;&#x4E3A;&#x4E86;&#x5F3A;&#x5236; IE &#x4F7F;&#x7528;&#x6807;&#x51C6;&#x6A21;&#x5F0F;&#x6765;&#x6E32;&#x67D3;&#x9875;&#x9762;&#x800C;&#x5B58;&#x5728;&#x7684;&#x3002;&#x56E0;&#x6B64; HTML5 &#x5C31;&#x53D6;&#x6D88;&#x4E86; doctype &#x58F0;&#x660E;&#x7248;&#x672C;&#x7684;&#x529F;&#x80FD;&#xFF0C;&#x4EC5;&#x4F7F;&#x5F97;&#x5176; doctype &#x53EF;&#x4EE5;&#x5728; IE &#x4E0B;&#x89E6;&#x53D1;&#x6807;&#x51C6;&#x6A21;&#x5F0F;&#x3002;\n
- &#x521A;&#x624D;&#x63D0;&#x5230; XHTML&#xFF0C;XHTML &#x53EF;&#x4EE5;&#x88AB;&#x8BA4;&#x4E3A;&#x662F;&#x4E3A;&#x4E86;&#x8BA9;&#x641C;&#x7D22;&#x5F15;&#x64CE;&#x548C;&#x5176;&#x4ED6;&#x7A0B;&#x5E8F;&#x66F4;&#x597D;&#x7684;&#x8BC6;&#x522B;&#x7F51;&#x9875;&#x5185;&#x5BB9;&#x800C;&#x63D0;&#x51FA;&#x7684;&#x4E00;&#x4E2A;&#x6807;&#x51C6;&#x3002;HTML 4.0 &#x4EE5;&#x524D;&#x7684;&#x89C4;&#x8303;&#x5BF9;&#x4E8E;&#x8BED;&#x6CD5;&#x8981;&#x6C42;&#x662F;&#x975E;&#x5E38;&#x677E;&#x6563;&#x7684;&#xFF0C;&#x4E5F;&#x6CA1;&#x6709;&#x5F88;&#x597D;&#x7528;&#x7684; HTML parser&#x3002;&#x56E0;&#x6B64;&#x6807;&#x51C6;&#x5316;&#x7EC4;&#x7EC7;&#x5C31;&#x63D0;&#x51FA;&#x4E86; XHTML &#x89C4;&#x8303;&#x3002;\n&#x4ECE;&#x7EE7;&#x627F;&#x5173;&#x7CFB;&#x4E0A;&#x8BB2;&#xFF0C;HTML &#x662F; SGML&#xFF08;&#x6807;&#x51C6;&#x901A;&#x7528;&#x6807;&#x8BB0;&#x8BED;&#x8A00;&#xFF09;&#x7684;&#x4E00;&#x4E2A;&#x5E94;&#x7528;&#xFF0C;&#x800C; XHTML &#x662F; SGML &#x7684;&#x4E00;&#x4E2A;&#x5B50;&#x96C6;&#x3002;\nXML &#x89C4;&#x8303;&#x975E;&#x5E38;&#x4E25;&#x683C;&#x7684;&#x5B9A;&#x4E49;&#x4E86;&#x4E00;&#x4E9B;&#x8BED;&#x6CD5;&#x8981;&#x6C42;&#xFF0C;&#x4F7F;&#x5F97;&#x4E00;&#x4EFD;&#x5408;&#x6CD5;&#x7684; HTML &#x6587;&#x6863;&#x540C;&#x65F6;&#x4E5F;&#x662F;&#x4E00;&#x4EFD;&#x5408;&#x6CD5;&#x7684; XML &#x6587;&#x6863;&#x3002;&#x56E0;&#x6B64;&#x5404;&#x7C7B; parser &#x53EF;&#x4EE5;&#x5F88;&#x65B9;&#x4FBF;&#x7684;&#x89E3;&#x6790;&#x6587;&#x6863;&#x7684;&#x7ED3;&#x6784;&#x548C;&#x5185;&#x5BB9;&#x3002;\n
- &#x6BD4;&#x5982;&#xFF0C;XHTML &#x89C4;&#x8303;&#x8981;&#x6C42;&#x6240;&#x6709;&#x7684;&#x6807;&#x7B7E;&#x540D;&#x548C;&#x5C5E;&#x6027;&#x540D;&#x90FD;&#x5FC5;&#x987B;&#x5C0F;&#x5199;&#xFF0C;&#x6240;&#x6709;&#x6807;&#x7B7E;&#x90FD;&#x5FC5;&#x987B;&#x95ED;&#x5408;&#x3002;&#x5982;&#x679C;&#x6807;&#x7B7E;&#x4E0D;&#x80FD;&#x95ED;&#x5408;&#xFF0C;&#x5219;&#x5E94;&#x8BE5;&#x5728;&#x6807;&#x7B7E;&#x7684;&#x53F3;&#x62EC;&#x53F7;&#x4E4B;&#x524D;&#x52A0;&#x4E00;&#x4E2A;&#x659C;&#x7EBF;&#x3002;&#x8FD8;&#x5FC5;&#x987B; img &#x6807;&#x7B7E;&#x5FC5;&#x987B;&#x6709; alt &#x5C5E;&#x6027;&#x7B49;&#x7B49;&#x3002;\n\nXHTML &#x89C4;&#x8303;&#x6700;&#x6D41;&#x884C;&#x7684;&#x7248;&#x672C;&#x662F; 1.0 &#x548C; 1.1&#xFF0C;&#x540E;&#x6765; XHTML 2.0 &#x89C4;&#x8303;&#x5728;&#x5236;&#x5B9A;&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x8DDF; HTML 5 &#x649E;&#x8F66;&#x3002;&#x6807;&#x51C6;&#x5316;&#x7EC4;&#x7EC7;&#x51B3;&#x5B9A;&#x653E;&#x5F03; XHTML&#x3002;&#x5728; HTML5 &#x89C4;&#x8303;&#x4E2D;&#xFF0C;&#x5DF2;&#x7ECF;&#x4E0D;&#x5728;&#x5F3A;&#x5236;&#x8981;&#x6C42;&#x8FD9;&#x4E9B;&#x8BED;&#x6CD5;&#x89C4;&#x5B9A;&#xFF0C;&#x4F46;&#x662F;&#x56E0;&#x4E3A; XHTML &#x7684;&#x6D41;&#x884C;&#xFF0C;&#x5927;&#x591A;&#x6570;&#x7A0B;&#x5E8F;&#x5458;&#x90FD;&#x4FDD;&#x7559;&#x4E86;&#x8FD9;&#x4E9B;&#x4E2A;&#x4E60;&#x60EF;&#x3002;&#x800C;&#x4E14;&#x8FD9;&#x4E9B;&#x8BED;&#x6CD5;&#x4E0A;&#x7684;&#x8981;&#x6C42;&#x53EF;&#x4EE5;&#x8BA9;&#x4F60;&#x7684;&#x9875;&#x9762;&#x66F4;&#x597D;&#x66F4;&#x5FEB;&#x7684;&#x88AB;&#x6D4F;&#x89C8;&#x5668;&#x89E3;&#x6790;&#xFF0C;&#x56E0;&#x6B64;&#x63A8;&#x8350;&#x5927;&#x5BB6;&#x73B0;&#x5728;&#x5199;&#x9875;&#x9762;&#x7684;&#x65F6;&#x5019;&#x4F9D;&#x7136;&#x9075;&#x5FAA; XHTML &#x89C4;&#x8303;&#x7684;&#x8981;&#x6C42;&#x3002;\n\nXHTML &#x7684;&#x52AA;&#x529B;&#x662F;&#x4E3A;&#x4E86;&#x8BA9; web &#x4E0A;&#x7684;&#x5404;&#x4E2A;&#x8D44;&#x6E90;&#x66F4;&#x597D;&#x7684;&#x88AB;&#x5176;&#x4ED6;&#x7A0B;&#x5E8F;&#x6240;&#x7406;&#x89E3;&#x3002;&#x8FD9;&#x4E2A;&#x76EE;&#x7684;&#x4E5F;&#x662F; HTML 5 &#x89C4;&#x8303;&#x6240;&#x4E00;&#x76F4;&#x8FFD;&#x6C42;&#x7684;&#xFF0C;HTML 5 &#x89C4;&#x8303;&#x66F4;&#x8FDB;&#x4E00;&#x6B65;&#xFF0C;&#x5E0C;&#x671B;&#x901A;&#x8FC7;&#x66F4;&#x52A0;&#x8BED;&#x4E49;&#x5316;&#x7684;&#x6807;&#x7B7E;&#x6765;&#x5B9E;&#x73B0;&#x6574;&#x4E2A;&#x9875;&#x9762;&#x7684;&#x8BED;&#x4E49;&#x5316;&#x3002;\n
- &#x4EE5;&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x4E0A;&#x7684;&#x5BFC;&#x822A;&#x680F;&#x4E3A;&#x4F8B;&#xFF0C;&#x7A0B;&#x5E8F;&#x5F88;&#x96BE;&#x8BC6;&#x522B;&#x4E00;&#x7EC4;&#x5B8C;&#x5168;&#x4E0D;&#x8BED;&#x4E49;&#x5316;&#x7684;&#x6807;&#x7B7E;&#x3002;&#x5BF9;&#x4E8E;&#x7B2C;&#x4E8C;&#x79CD;&#xFF0C;&#x7A0B;&#x5E8F;&#x5927;&#x6982;&#x80FD;&#x77E5;&#x9053;&#x5176;&#x4E2D;&#x7684;&#x51E0;&#x4E2A;&#x5143;&#x7D20;&#x662F;&#x5E76;&#x5217;&#x7684;&#x5217;&#x8868;&#x5173;&#x7CFB;&#x3002;\n\nhtml 5 &#x5219;&#x901A;&#x8FC7;&#x4E00;&#x4E2A; nav &#x6807;&#x7B7E;&#x76F4;&#x63A5;&#x6807;&#x8BB0;&#x8FD9;&#x7EC4;&#x94FE;&#x63A5;&#x662F;&#x9875;&#x9762;&#x4E0A;&#x7684;&#x5BFC;&#x822A;&#x94FE;&#x63A5;&#x3002;\n
- html 5 &#x63D0;&#x51FA;&#x4E86;&#x5F88;&#x591A;&#x8FD9;&#x6837;&#x7684;&#x6807;&#x7B7E;&#xFF0C;&#x6BD4;&#x5982; header&#x3001;footer&#x3001;article&#x3001;article&#x3001;section &#x7B49;&#x3002;&#x8FD9;&#x4E9B;&#x90FD;&#x662F;&#x4E3A;&#x4E86;&#x8BA9;&#x9875;&#x9762;&#x66F4;&#x52A0;&#x7684;&#x8BED;&#x4E49;&#x5316;&#xFF0C;&#x8BA9;&#x7A0B;&#x5E8F;&#x80FD;&#x66F4;&#x597D;&#x7684;&#x5206;&#x6790;&#x9875;&#x9762;&#x3002;\n
- &#x9664;&#x6B64;&#x4E4B;&#x5916;&#xFF0C;HTML 5 &#x8FD8;&#x63D0;&#x51FA;&#x4E86; data &#x5C5E;&#x6027;&#xFF0C;&#x8FD9;&#x6837;&#x5C31;&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x4E00;&#x4E2A; data- &#x524D;&#x7F00;&#x628A;&#x6570;&#x636E;&#x5D4C;&#x5165;&#x5230; HTML &#x4EE3;&#x7801;&#x91CC;&#x3002;\n\n&#x8FD9;&#x6837;&#x505A;&#x53EF;&#x4EE5;&#x66F4;&#x597D;&#x7684;&#x533A;&#x5206;&#x6807;&#x7B7E;&#x81EA;&#x8EAB;&#x7684;&#x5C5E;&#x6027;&#x548C;&#x6807;&#x7B7E;&#x6240;&#x643A;&#x5E26;&#x7684;&#x6570;&#x636E;&#xFF0C;&#x5BF9; parser &#x66F4;&#x52A0;&#x53CB;&#x597D;&#xFF0C;&#x8FD9;&#x4E9B;&#x6570;&#x636E;&#x4E5F;&#x66F4;&#x65B9;&#x4FBF;&#x7BA1;&#x7406;&#x3002;\n
- &#x90A3;&#x4E48;&#x56DE;&#x5230;&#x6211;&#x4EEC;&#x6700;&#x5F00;&#x59CB;&#x7684;&#x4F8B;&#x5B50;&#xFF0C;&#x5BF9;&#x4E8E;&#x6211;&#x4EEC;&#x8FD9;&#x4E2A;&#x6700;&#x7B80;&#x5355;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x5982;&#x4F55;&#x53BB;&#x5199; HTML&#x3002;\n
- &#x9996;&#x5148;&#xFF0C;&#x6211;&#x4EEC;&#x4ECE;&#x89C6;&#x89C9;&#x4E0A;&#x5BF9;&#x9875;&#x9762;&#x8FDB;&#x884C;&#x5212;&#x5206;&#x3002;&#x6574;&#x4E2A;&#x9875;&#x9762;&#x6700;&#x5916;&#x5C42;&#x662F; body &#x6807;&#x7B7E;&#x3002;&#x7136;&#x540E;&#x5DE6;&#x4FA7;&#x662F; aside &#x4FA7;&#x8FB9;&#x680F;&#x6807;&#x7B7E;&#x3002;aside &#x4E2D;&#x6709;&#x5F88;&#x591A;&#x7BC7;&#x7B14;&#x8BB0;&#xFF0C;&#x6BCF;&#x4E00;&#x7BC7;&#x7B14;&#x8BB0;&#x90FD;&#x6807;&#x8BB0;&#x6210;&#x4E00;&#x4E2A; div&#x3002;&#x53F3;&#x4FA7;&#x662F;&#x4E3B;&#x8981;&#x7684; article &#x6807;&#x7B7E;&#xFF0C;&#x6807;&#x8BB0;&#x8FD9;&#x91CC;&#x662F;&#x4E00;&#x7BC7;&#x6587;&#x7AE0;&#x3002;article &#x4E2D;&#x6709;&#x4E00;&#x4E2A;&#x6587;&#x672C;&#x8F93;&#x5165;&#x6846; textarea&#xFF0C;&#x548C;&#x4E00;&#x4E2A;&#x4FDD;&#x5B58;&#x6309;&#x94AE; button&#x3002;\n\n&#x6574;&#x4E2A;&#x9875;&#x9762;&#x7684;&#x57FA;&#x672C;&#x7ED3;&#x6784;&#x5C31;&#x662F;&#x8FD9;&#x6837;&#x3002;\n
- &#x5199;&#x6210;&#x4EE3;&#x7801;&#x7684;&#x8BDD;&#xFF0C;&#x770B;&#x8D77;&#x6765;&#x662F;&#x8FD9;&#x4E2A;&#x6837;&#x5B50;&#x7684;&#x3002;\n
- &#x4F46;&#x662F;&#x8FD9;&#x4E2A;&#x4EE3;&#x7801;&#x8FD8;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x7684;&#x6837;&#x5F0F;&#xFF0C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x76F4;&#x63A5;&#x6253;&#x5F00;&#x7684;&#x8BDD;&#xFF0C;&#x5C31;&#x662F;&#x8FD9;&#x4E2A;&#x6837;&#x5B50;&#x3002;&#x5E03;&#x5C40;&#x8DDF;&#x6211;&#x4EEC;&#x6240;&#x8981;&#x6C42;&#x7684;&#x4E0D;&#x4E00;&#x6837;&#x3002;&#x4E3A;&#x4E86;&#x5B9E;&#x73B0;&#x6211;&#x4EEC;&#x6240;&#x8981;&#x6C42;&#x7684;&#x5E03;&#x5C40;&#xFF0C;&#x5C31;&#x9700;&#x8981;&#x4F7F;&#x7528; css &#x6765;&#x7ED9;&#x5B83;&#x52A0;&#x4E0A;&#x6837;&#x5F0F;&#x3002;\n
- \n
- \n
- &#x63A5;&#x4E0B;&#x6765;&#x8BB2; JavaScript&#xFF0C;&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x7684;&#x6838;&#x5FC3;&#x3002;&#x5728;&#x5C06; JS &#x8BED;&#x6CD5;&#x4E4B;&#x524D;&#xFF0C;&#x6211;&#x60F3;&#x5148;&#x8BB2;&#x4E00;&#x6BB5;&#x5F88;&#x6709;&#x8DA3;&#x7684;&#x5386;&#x53F2;&#xFF0C;&#x5173;&#x4E8E; JavaScript &#x7684;&#x8BDE;&#x751F;&#x3002;\n
- JavaScript &#x548C; Java &#x7684;&#x5173;&#x7CFB;&#xFF0C;&#x5C31;&#x50CF;&#x5370;&#x5EA6;&#x548C;&#x5370;&#x5EA6;&#x5C3C;&#x897F;&#x4E9A;&#x7684;&#x5173;&#x7CFB;&#x4E00;&#x6837;&#x3002;&#x53EA;&#x662F;&#x540D;&#x5B57;&#x7C7B;&#x4F3C;&#x3002;\n\n&#x4E4B;&#x6240;&#x4EE5;&#x8D77;&#x8FD9;&#x4E2A;&#x540D;&#x5B57;&#xFF0C;&#x662F;&#x56E0;&#x4E3A;&#x5F53;&#x5E74; Netscape &#x4E0E; Sun&#x516C;&#x53F8;&#x7ED3;&#x6210;&#x8054;&#x76DF;&#x3002;&#x5F53;&#x65F6;&#x7684;&#x5F62;&#x52BF;&#x5C31;&#x662F;&#xFF0C;&#x7F51;&#x666F;&#x516C;&#x53F8;&#x7684;&#x6574;&#x4E2A;&#x7BA1;&#x7406;&#x5C42;&#xFF0C;&#x90FD;&#x662F;Java&#x8BED;&#x8A00;&#x7684;&#x4FE1;&#x5F92;&#xFF0C;Sun&#x516C;&#x53F8;&#x5B8C;&#x5168;&#x4ECB;&#x5165;&#x7F51;&#x9875;&#x811A;&#x672C;&#x8BED;&#x8A00;&#x7684;&#x51B3;&#x7B56;&#x3002;&#x56E0;&#x6B64;&#xFF0C;Javascript&#x540E;&#x6765;&#x5C31;&#x662F;&#x7F51;&#x666F;&#x548C;Sun&#x4E24;&#x5BB6;&#x516C;&#x53F8;&#x4E00;&#x8D77;&#x643A;&#x624B;&#x63A8;&#x5411;&#x5E02;&#x573A;&#x7684;&#xFF0C;&#x8FD9;&#x79CD;&#x8BED;&#x8A00;&#x88AB;&#x547D;&#x540D;&#x4E3A;"Java+script"&#x5E76;&#x4E0D;&#x662F;&#x5076;&#x7136;&#x7684;&#x3002;\n\n&#x7136;&#x540E;&#xFF0C;1995&#x5E74;4&#x6708;&#xFF0C;34 &#x5C81;&#x7684;&#x7A0B;&#x5E8F;&#x5458; Brandan Eich &#x52A0;&#x5165;&#x4E86; NetScape\n\n&#x4EC5;&#x4EC5;&#x4E00;&#x4E2A;&#x6708;&#x4E4B;&#x540E;&#xFF0C;1995&#x5E74;5&#x6708;&#xFF0C;&#x7F51;&#x666F;&#x516C;&#x53F8;&#x505A;&#x51FA;&#x51B3;&#x7B56;&#xFF0C;&#x672A;&#x6765;&#x7684;&#x7F51;&#x9875;&#x811A;&#x672C;&#x8BED;&#x8A00;&#x5FC5;&#x987B;"&#x770B;&#x4E0A;&#x53BB;&#x4E0E;Java&#x8DB3;&#x591F;&#x76F8;&#x4F3C;"&#xFF0C;&#x4F46;&#x662F;&#x6BD4;Java&#x7B80;&#x5355;&#xFF0C;&#x4F7F;&#x5F97;&#x975E;&#x4E13;&#x4E1A;&#x7684;&#x7F51;&#x9875;&#x4F5C;&#x8005;&#x4E5F;&#x80FD;&#x5F88;&#x5FEB;&#x4E0A;&#x624B;&#x3002;&#x8FD9;&#x4E2A;&#x51B3;&#x7B56;&#x5B9E;&#x9645;&#x4E0A;&#x5C06;Perl&#x3001;Python&#x3001;Tcl&#x3001;Scheme&#x7B49;&#x975E;&#x9762;&#x5411;&#x5BF9;&#x8C61;&#x7F16;&#x7A0B;&#x7684;&#x8BED;&#x8A00;&#x90FD;&#x6392;&#x9664;&#x5728;&#x5916;&#x4E86;&#x3002;\nBrendan Eich&#x88AB;&#x6307;&#x5B9A;&#x4E3A;&#x8FD9;&#x79CD;"&#x7B80;&#x5316;&#x7248;Java&#x8BED;&#x8A00;"&#x7684;&#x8BBE;&#x8BA1;&#x5E08;&#x3002;\n\n&#x4F46;&#x662F;&#xFF0C;&#x4ED6;&#x5BF9;Java&#x4E00;&#x70B9;&#x5174;&#x8DA3;&#x4E5F;&#x6CA1;&#x6709;&#x3002;&#x4E3A;&#x4E86;&#x5E94;&#x4ED8;&#x516C;&#x53F8;&#x5B89;&#x6392;&#x7684;&#x4EFB;&#x52A1;&#xFF0C;&#x4ED6;&#x53EA;&#x7528;10&#x5929;&#x65F6;&#x95F4;&#x5C31;&#x628A;Javascript&#x8BBE;&#x8BA1;&#x51FA;&#x6765;&#x4E86;&#x3002;\n&#x603B;&#x7684;&#x6765;&#x8BF4;&#xFF0C;&#x4ED6;&#x7684;&#x8BBE;&#x8BA1;&#x601D;&#x8DEF;&#x662F;&#x8FD9;&#x6837;&#x7684;&#xFF1A;\n&#xFF08;1&#xFF09;&#x501F;&#x9274;C&#x8BED;&#x8A00;&#x7684;&#x57FA;&#x672C;&#x8BED;&#x6CD5;&#xFF1B;\n&#xFF08;2&#xFF09;&#x501F;&#x9274;Java&#x8BED;&#x8A00;&#x7684;&#x6570;&#x636E;&#x7C7B;&#x578B;&#x548C;&#x5185;&#x5B58;&#x7BA1;&#x7406;&#xFF1B;\n&#xFF08;3&#xFF09;&#x501F;&#x9274;Scheme&#x8BED;&#x8A00;&#xFF0C;&#x5C06;&#x51FD;&#x6570;&#x63D0;&#x5347;&#x5230;"&#x7B2C;&#x4E00;&#x7B49;&#x516C;&#x6C11;"&#xFF08;first class&#xFF09;&#x7684;&#x5730;&#x4F4D;&#xFF1B;\n&#xFF08;4&#xFF09;&#x501F;&#x9274;Self&#x8BED;&#x8A00;&#xFF0C;&#x4F7F;&#x7528;&#x57FA;&#x4E8E;&#x539F;&#x578B;&#xFF08;prototype&#xFF09;&#x7684;&#x7EE7;&#x627F;&#x673A;&#x5236;&#x3002;\n&#x6240;&#x4EE5;&#xFF0C;Javascript&#x8BED;&#x8A00;&#x5B9E;&#x9645;&#x4E0A;&#x662F;&#x4E24;&#x79CD;&#x8BED;&#x8A00;&#x98CE;&#x683C;&#x7684;&#x6DF7;&#x5408;&#x4EA7;&#x7269; ----&#xFF08;&#x7B80;&#x5316;&#x7684;&#xFF09;&#x51FD;&#x6570;&#x5F0F;&#x7F16;&#x7A0B;+&#xFF08;&#x7B80;&#x5316;&#x7684;&#xFF09;&#x9762;&#x5411;&#x5BF9;&#x8C61;&#x7F16;&#x7A0B;&#x3002;&#x8FD9;&#x662F;&#x7531;Brendan Eich&#xFF08;&#x51FD;&#x6570;&#x5F0F;&#x7F16;&#x7A0B;&#xFF09;&#x4E0E;&#x7F51;&#x666F;&#x516C;&#x53F8;&#xFF08;&#x9762;&#x5411;&#x5BF9;&#x8C61;&#x7F16;&#x7A0B;&#xFF09;&#x5171;&#x540C;&#x51B3;&#x5B9A;&#x7684;&#x3002;\n
- &#x7531;&#x4E8E;&#x8BBE;&#x8BA1;&#x65F6;&#x95F4;&#x592A;&#x77ED;&#xFF0C;&#x8BED;&#x8A00;&#x7684;&#x4E00;&#x4E9B;&#x7EC6;&#x8282;&#x8003;&#x8651;&#x5F97;&#x4E0D;&#x591F;&#x4E25;&#x8C28;&#xFF0C;&#x5BFC;&#x81F4;&#x540E;&#x6765;&#x5F88;&#x957F;&#x4E00;&#x6BB5;&#x65F6;&#x95F4;&#xFF0C;Javascript&#x5199;&#x51FA;&#x6765;&#x7684;&#x7A0B;&#x5E8F;&#x6DF7;&#x4E71;&#x4E0D;&#x582A;&#x3002;\n&#x591A;&#x5E74;&#x4EE5;&#x540E;&#xFF0C;Brendan Eich&#x8FD8;&#x662F;&#x770B;&#x4E0D;&#x8D77;Java &#x3002;&#x5982;&#x679C;&#x4E0D;&#x662F;&#x516C;&#x53F8;&#x7684;&#x51B3;&#x7B56;&#xFF0C;Brendan Eich&#x7EDD;&#x4E0D;&#x53EF;&#x80FD;&#x628A;Java&#x4F5C;&#x4E3A;Javascript&#x8BBE;&#x8BA1;&#x7684;&#x539F;&#x578B;&#x3002;&#x4F5C;&#x4E3A;&#x8BBE;&#x8BA1;&#x8005;&#xFF0C;&#x4ED6;&#x4E00;&#x70B9;&#x4E5F;&#x4E0D;&#x559C;&#x6B22;&#x81EA;&#x5DF1;&#x7684;&#x8FD9;&#x4E2A;&#x4F5C;&#x54C1;\n&#x5341;&#x516B;&#x4E16;&#x7EAA;&#x82F1;&#x56FD;&#x6587;&#x5B66;&#x5BB6;&#x7EA6;&#x7FF0;&#x900A;&#x535A;&#x58EB;&#x8BF4;&#x5F97;&#x597D;&#xFF1A;&#x2018;&#x5B83;&#x7684;&#x4F18;&#x79C0;&#x4E4B;&#x5904;&#x5E76;&#x975E;&#x539F;&#x521B;&#xFF0C;&#x5B83;&#x7684;&#x539F;&#x521B;&#x4E4B;&#x5904;&#x5E76;&#x4E0D;&#x4F18;&#x79C0;&#x3002;&#x2019;\n\n
- &#x4F46;&#x4E0D;&#x7BA1; JavaScript &#x8BBE;&#x8BA1;&#x65F6;&#x6709;&#x591A;&#x5C11;&#x95EE;&#x9898;&#xFF0C;&#x6700;&#x7EC8;&#x5B83;&#x8FD8;&#x662F;&#x501F;&#x7740;&#x4E92;&#x8054;&#x7F51;&#x7684;&#x53D1;&#x5C55;&#xFF0C;&#x706B;&#x8D77;&#x6765;&#x4E86;&#x3002;&#x8FD9;&#x662F;&#x4ECA;&#x5E74;3&#x6708;&#x7684;&#x7F16;&#x7A0B;&#x8BED;&#x8A00;&#x6392;&#x884C;&#xFF0C;JavaScript &#x51FB;&#x8D25;&#x4E86; Python&#x3001;Ruby &#x6392;&#x5728;&#x4E86;&#x7B2C;8&#x4F4D;&#x3002;&#x5728; JS &#x4E0A;&#x9762;&#xFF0C;&#x53EA;&#x6709; Java&#x3001;&#x5404;&#x79CD; C&#x3001;PHP &#x548C; VB&#x3002;\n&#x5C31;&#x811A;&#x672C;&#x8BED;&#x8A00;&#x6765;&#x8BF4;&#xFF0C;JavaScript &#x5DF2;&#x7ECF;&#x662F;&#x4EC5;&#x6B21;&#x4E8E; PHP &#x7B2C;&#x4E8C;&#x6D41;&#x884C;&#x8BED;&#x8A00;&#x3002;\n
- &#x4E5F;&#x662F;&#x56E0;&#x4E3A; Javascript &#x4E4B;&#x540E;&#x53D1;&#x5C55;&#x7684;&#x5982;&#x6B64;&#x706B;&#x7206;&#xFF0C;1997&#x5E74;&#xFF0C;JavaScript1.1&#x4F5C;&#x4E3A;&#x4E00;&#x4E2A;&#x8349;&#x6848;&#x63D0;&#x4EA4;&#x7ED9;&#x6B27;&#x6D32;&#x8BA1;&#x7B97;&#x673A;&#x53EA;&#x5236;&#x9020;&#x5546;&#x4F1A;(ECMA)&#x3002;&#x7B2C;39&#x79CD;&#x6280;&#x672F;&#x59D4;&#x5458;&#x4F1A;(TC39)&#x88AB;&#x59D4;&#x5458;&#x6D3E;&#x6765;&#x201C;&#x6807;&#x51C6;&#x5316;&#x4E00;&#x4E2A;&#x901A;&#x7528;&#x3001;&#x8DE8;&#x5E73;&#x53F0;&#x3001;&#x4E2D;&#x7ACB;&#x4E8E;&#x5382;&#x5546;&#x7684;&#x811A;&#x672C;&#x8BED;&#x8A00;&#x7684;&#x8BED;&#x6CD5;&#x548C;&#x8BED;&#x4E49;&#x201D;(http://www.ecma-international.org/memento/tc39.htm)&#x3002;&#x7531;&#x6765;&#x81EA;Netscape&#x3001;Sun&#x3001;&#x5FAE;&#x8F6F;&#x3001;Borland&#x548C;&#x5176;&#x4ED6;&#x4E00;&#x4E9B;&#x5BF9;&#x811A;&#x672C;&#x7F16;&#x7A0B;&#x611F;&#x5174;&#x8DA3;&#x7684;&#x516C;&#x53F8;&#x7684;&#x7A0B;&#x5E8F;&#x5458;&#x7EC4;&#x6210;&#x7684;TC39&#x9524;&#x70BC;&#x51FA;&#x7684;ECMA-262&#xFF0C;&#x8BE5;&#x6807;&#x51C6;&#x5B9A;&#x4E49;&#x4E86;&#x53EB;&#x505A;ECMAScript&#x7684;&#x5168;&#x65B0;&#x811A;&#x672C;&#x8BED;&#x8A00;&#x3002;\n&#xA0;\n&#x4ECE;&#x6B64;&#xFF0C;Web&#x6D4F;&#x89C8;&#x5668;&#x5C31;&#x5F00;&#x59CB;&#x52AA;&#x529B;(&#x867D;&#x7136;&#x6709;&#x7740;&#x4E0D;&#x540C;&#x7A0B;&#x5EA6;&#x7684;&#x6210;&#x529F;&#x548C;&#x5931;&#x8D25;)&#x5C06;ECMAScript&#x4F5C;&#x4E3A;JavaScript&#x5B9E;&#x73B0;&#x7684;&#x57FA;&#x7840;&#x3002;\n
- ECMA &#x89C4;&#x8303;&#x4ECE; 1997 &#x5E74;&#x81F3;&#x4ECA;&#x5DF2;&#x7ECF;&#x53D1;&#x5E03;&#x4E86; 4 &#x4E2A;&#x6B63;&#x5F0F;&#x7248;&#x672C;&#xFF0C;&#x6700;&#x65B0;&#x7684;&#x6B63;&#x5F0F;&#x89C4;&#x8303;&#x662F; ECMAScript 5&#xFF0C;ECMAScript 4 &#x6700;&#x7EC8;&#x5931;&#x8D25;&#xFF0C;&#x6CA1;&#x6709;&#x6B63;&#x5F0F;&#x5BF9;&#x5916;&#x53D1;&#x5E03;&#x3002;\nECMA: &#x8BED;&#x6CD5;&#x3001;&#x7C7B;&#x578B;&#x3001;&#x8BED;&#x53E5;&#x3001;&#x5173;&#x952E;&#x5B57;&#x3001;&#x4FDD;&#x7559;&#x5B57;&#x3001;&#x8FD0;&#x7B97;&#x7B26;&#x3001;&#x5BF9;&#x8C61;&#x3002;\n
- JavaScript &#x6CA1;&#x6709;&#x7C7B;&#x578B;&#x68C0;&#x67E5;&#xFF0C;&#x53D8;&#x91CF;&#x88AB;&#x58F0;&#x660E;&#x540E;&#x53EF;&#x4EE5;&#x4EFB;&#x610F;&#x8D4B;&#x503C;&#x3002;\n
- JavaScript &#x6709;&#x4E00;&#x4E9B;&#x51FD;&#x6570;&#x5F0F;&#x7684;&#x7F16;&#x7A0B;&#x601D;&#x60F3;&#xFF08;Brendan Eich &#x672C;&#x4EBA;&#x5C31;&#x5F88;&#x559C;&#x6B22;&#x51FD;&#x6570;&#x5F0F;&#xFF09;&#x3002;&#x5728; JavaScript &#x4E2D;&#xFF0C;&#x51FD;&#x6570;&#x662F;&#x5934;&#x7B49;&#x5BF9;&#x8C61;&#xFF0C;&#x53EF;&#x4EE5;&#x88AB;&#x8D4B;&#x503C;&#x7ED9;&#x53D8;&#x91CF;&#x3001;&#x4F5C;&#x4E3A;&#x53C2;&#x6570;&#x4F20;&#x9012;&#x4EE5;&#x53CA;&#x4F5C;&#x4E3A;&#x51FD;&#x6570;&#x7684;&#x8FD4;&#x56DE;&#x503C;&#x8FD4;&#x56DE;&#x3002;\n
- JavaScript &#x7684;&#x4F5C;&#x7528;&#x57DF;&#x662F;&#x4EE5;&#x51FD;&#x6570;&#x4E3A;&#x5212;&#x5206;&#x7684;&#xFF0C;&#x6BCF;&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#x5185;&#x90E8;&#x6709;&#x72EC;&#x7ACB;&#x7684;&#x4F5C;&#x7528;&#x57DF;\n
- &#x82B1;&#x62EC;&#x53F7;&#x4E0D;&#x4F1A;&#x521B;&#x5EFA;&#x65B0;&#x7684;&#x4F5C;&#x7528;&#x57DF;&#x3002;&#x5728;&#x8FD9;&#x4E2A;&#x4F8B;&#x5B50;&#x91CC;&#x9762;&#xFF0C;for &#x5FAA;&#x73AF;&#x5757;&#x5185;&#x7684; a &#x5C31;&#x662F;&#x6700;&#x5916;&#x90E8;&#x7684; a&#xFF0C;&#x56E0;&#x6B64; for &#x5FAA;&#x73AF;&#x5757;&#x53EF;&#x4EE5;&#x4FEE;&#x6539; a &#x7684;&#x503C;&#x3002;\n&#x8FD9;&#x4E2A;&#x7279;&#x6027;&#xFF08;Bug&#xFF09;&#x4E5F;&#x53EB;&#x65E0;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;\n
- &#x5728;&#x5F53;&#x524D;&#x51FD;&#x6570;&#x4E2D;&#x627E;&#x4E0D;&#x5230;&#x7684;&#x53D8;&#x91CF;&#xFF0C;JavaScript &#x4F1A;&#x6309;&#x7531;&#x5185;&#x5411;&#x5916;&#x7684;&#x987A;&#x5E8F;&#x4F9D;&#x6B21;&#x67E5;&#x627E;&#x5916;&#x5C42;&#x51FD;&#x6570;&#x4F5C;&#x7528;&#x57DF;&#xFF0C;&#x4E00;&#x76F4;&#x67E5;&#x627E;&#x5230;&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#x4E3A;&#x6B62;&#x3002;&#x8FD9;&#x4E2A;&#x7279;&#x6027;&#x4E5F;&#x53EB;&#x8BCD;&#x6CD5;&#x4F5C;&#x7528;&#x57DF;&#xFF0C;\n
- &#x95ED;&#x5305;&#x662F;&#x51FD;&#x6570;&#x4F5C;&#x7528;&#x57DF;+&#x8BCD;&#x6CD5;&#x4F5C;&#x7528;&#x57DF;&#x7684;&#x7ED3;&#x679C;&#x3002;&#x5982;&#x679C;&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#x5185;&#x90E8;&#x6709;&#x5B50;&#x51FD;&#x6570;&#xFF0C;&#x5E76;&#x4E14;&#x5B50;&#x51FD;&#x6570;&#x5F15;&#x7528;&#x4E86;fuhanshu\n
- &#x95ED;&#x5305;&#x662F;&#x51FD;&#x6570;&#x4F5C;&#x7528;&#x57DF;+&#x8BCD;&#x6CD5;&#x4F5C;&#x7528;&#x57DF;&#x7684;&#x7ED3;&#x679C;&#x3002;&#x5982;&#x679C;&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#x5185;&#x90E8;&#x6709;&#x5B50;&#x51FD;&#x6570;&#xFF0C;&#x5E76;&#x4E14;&#x5B50;&#x51FD;&#x6570;&#x5F15;&#x7528;&#x4E86;fuhanshu\n
- ECMAScript 5 &#x662F; 2009 &#x5E74;&#x63D0;&#x51FA;&#x7684;&#x65B0;&#x89C4;&#x8303;&#xFF0C;&#x5927;&#x5E45;&#x4FEE;&#x6539;&#x4E86;&#x8BED;&#x8A00;&#x6838;&#x5FC3;&#x7684;&#x8BBE;&#x8BA1;&#xFF0C;&#x4F46;&#x8BED;&#x6CD5;&#x98CE;&#x683C;&#x4FDD;&#x6301;&#x4E0D;&#x53D8;&#xFF0C;&#x5E76;&#x4E14;&#x4E0A;&#x4E0B;&#x517C;&#x5BB9;&#x3002;&#x5BF9;&#x4E0E;&#x5F00;&#x53D1;&#x4EBA;&#x5458;&#x6765;&#x8BF4;&#xFF0C;&#x6700;&#x76F4;&#x63A5;&#x7684;&#x4F53;&#x4F1A;&#xFF0C;&#x5C31;&#x662F;&#x52A0;&#x5165;&#x4E86; &#x2018;strict&#x2019; &#x4E25;&#x683C;&#x6A21;&#x5F0F;&#xFF0C;&#x4EE5;&#x53CA;&#x8BF8;&#x591A;&#x65B0;&#x589E;&#x7684; API&#x3002;\n
- \n
- \n
- \n
- ECMAScript 5 &#x662F; 2009 &#x5E74;&#x53D1;&#x5E03;&#x7684;&#x89C4;&#x8303;&#xFF0C;&#x8FC4;&#x4ECA;&#x4E3A;&#x6B62;&#xFF0C;&#x5927;&#x90E8;&#x5206;&#x6D4F;&#x89C8;&#x5668;&#x5BF9;&#x5176;&#x7684;&#x652F;&#x6301;&#x90FD;&#x4E0D;&#x9519;&#xFF0C;&#x9664;&#x4E86;&#x8001;&#x65E7;&#x7684; IE&#x3002;&#x4E3A;&#x6B64;&#xFF0C;&#x6709;&#x4EBA;&#x5199;&#x4E86;&#x4E00;&#x4E2A; es5-shim &#x7684; javascript &#x811A;&#x672C;&#xFF0C;&#x7ED9;&#x8FD9;&#x4E9B;&#x6D4F;&#x89C8;&#x5668;&#x8865;&#x4E0A;&#x4E86;&#x4E00;&#x90E8;&#x5206;&#x6240;&#x6B20;&#x7F3A;&#x7684; API&#x3002;&#x56E0;&#x6B64;&#xFF0C;&#x5728;&#x76EE;&#x524D;&#x7684;&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x91CC;&#xFF0C;&#x5DF2;&#x7ECF;&#x53EF;&#x4EE5;&#x76F4;&#x63A5;&#x653E;&#x5FC3;&#x5730;&#x4F7F;&#x7528;&#x5927;&#x90E8;&#x5206;&#x7684; ES 5 api &#x4E86;&#x3002;\n
- ECMAScript &#x7684;&#x4E0B;&#x4E00;&#x4E2A;&#x7248;&#x672C;&#x5C06;&#x4F1A;&#x662F; 6&#xFF0C;&#x4E5F;&#x662F; JavaScript &#x53D1;&#x660E;&#x8005; Brendan Eric &#x4E00;&#x76F4;&#x68A6;&#x60F3;&#x7684;&#x4E00;&#x4E2A;&#x7248;&#x672C;&#x3002;&#x5B83;&#x5438;&#x6536;&#x4E86;&#x5F53;&#x521D; ECMAScript 4 &#x7684;&#x4E00;&#x4E9B;&#x8BBE;&#x8BA1;&#x601D;&#x60F3;&#xFF0C;&#x5E0C;&#x671B;&#x5F25;&#x8865;&#x5F53;&#x5E74;&#x7684;&#x8FC7;&#x9519;&#x3002;\n
- ES6 &#x7684;&#x5F00;&#x53D1;&#x4EE3;&#x53F7;&#x662F; harmony&#xFF0C;Brendan &#x4E5F;&#x66FE;&#x5728; Blog &#x4E0A;&#x53D1;&#x4E86;&#x4E00;&#x7BC7;&#x6587;&#x7AE0;&#xFF0C;Harmony my dream &#x6765;&#x4ECB;&#x7ECD;&#x4E86;&#x4E00;&#x4E9B; ECMAScript 6 &#x7684;&#x8BED;&#x8A00;&#x7279;&#x6027;&#x3002;\n\n&#x6211;&#x770B;&#x8FC7; ES6 &#x7684;&#x611F;&#x60F3;&#x662F;&#xFF0C;ES6 &#x770B;&#x8D77;&#x6765;&#x5F88;&#x96BE;&#x5411;&#x4E0B;&#x517C;&#x5BB9;&#xFF0C;&#x5982;&#x679C;&#x6B63;&#x5F0F;&#x53D1;&#x5E03;&#x7684;&#x8BDD;&#xFF0C;&#x6050;&#x6015;&#x4F1A;&#x53D8;&#x6210; python2 &#x548C; python3 &#x7684;&#x5173;&#x7CFB;&#x3002;\n
- &#x5728; JavaScript &#x7684;&#x7F3A;&#x70B9;&#x88AB;&#x5F25;&#x8865;&#x524D;&#xFF0C;&#x5EFA;&#x8BAE;&#x5927;&#x5BB6;&#x5728;&#x5199;&#x4EE3;&#x7801;&#x524D;&#x90FD;&#x53BB;&#x9605;&#x8BFB; JavaScript &#x8BED;&#x8A00;&#x7CBE;&#x7CB9;&#x8FD9;&#x672C;&#x4E66;&#x3002;&#x8BE5;&#x4E66;&#x4E2D;&#x4E00;&#x4E00;&#x6307;&#x51FA;&#x4E86; JavaScript &#x4E0D;&#x5408;&#x7406;&#x548C;&#x5BB9;&#x6613;&#x88AB;&#x6EE5;&#x7528;&#x7684;&#x5730;&#x65B9;&#xFF0C;&#x5E76;&#x7ED9;&#x51FA;&#x4E86;&#x4E00;&#x4E2A;&#x5B89;&#x5168;&#x7684;&#x8BED;&#x6CD5;&#x5B50;&#x96C6;&#x3002;&#x6709;&#x6548;&#x907F;&#x514D;&#x4EE3;&#x7801;&#x5199;&#x6076;&#x5FC3;&#x3002;\n
- &#x8BF4;&#x4E86;&#x534A;&#x5929;&#x5386;&#x53F2;&#xFF0C;&#x56DE;&#x8FC7;&#x5934;&#x6765;&#x8BF4;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684; JavaScript&#x3002;&#x521A;&#x624D;&#x8BF4;&#x5230;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684; JavaScript &#x5B9E;&#x9645;&#x4E0A;&#x53EA;&#x662F; ECMAScript &#x7684;&#x4E00;&#x4E2A;&#x5B9E;&#x73B0;&#x3002;&#x9664;&#x4E86; ECMAScript &#x90E8;&#x5206;&#x4EE5;&#x5916;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684; JavaScript &#x8FD8;&#x5305;&#x62EC;&#x6D4F;&#x89C8;&#x5668;&#x5BF9;&#x8C61;&#x6A21;&#x578B; BOM&#xFF0C;&#x4EE5;&#x53CA;&#x6587;&#x6863;&#x5BF9;&#x8C61;&#x6A21;&#x578B; DOM&#x3002;\n
- \n
- &#x6D4F;&#x89C8;&#x5668;&#x5BF9;&#x8C61;&#x6A21;&#x578B;&#x662F;&#x4E00;&#x7CFB;&#x5217;&#x7684;&#x63A5;&#x53E3;&#xFF0C;&#x7ED9; JavaScript &#x63A7;&#x5236;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x80FD;&#x529B;&#x3002;&#x6BD4;&#x5982;&#x83B7;&#x53D6;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x5BBD;&#x548C;&#x9AD8;&#x3001;&#x6539;&#x53D8;&#x6D4F;&#x89C8;&#x5668;&#x5F53;&#x524D;&#x7684; url&#x3001;&#x8BFB;&#x5199; cookie&#x3001;&#x63A7;&#x5236;&#x5386;&#x53F2;&#x8BB0;&#x5F55;&#x7B49;&#x3002;HTML 5 &#x8FD8;&#x589E;&#x52A0;&#x4E86;&#x79BB;&#x7EBF;&#x5B58;&#x50A8;&#x3001;&#x5730;&#x7406;&#x4F4D;&#x7F6E;&#x7B49;&#x7B49;&#x65B0;&#x7684; API&#xFF0C;&#x8FD9;&#x4E9B; API &#x90FD;&#x5C5E;&#x4E8E; BOM &#x8303;&#x7574;&#x3002;\n
- DOM &#x53EF;&#x4EE5;&#x8BF4;&#x662F; BOM &#x4E2D;&#x7279;&#x6B8A;&#x7684;&#x4E00;&#x7C7B; API&#xFF0C;&#x8FD9;&#x7C7B; API &#x4E13;&#x6CE8;&#x4E8E;&#x64CD;&#x4F5C;&#x6587;&#x6863;&#x6811;&#x3002;\n
- &#x6D4F;&#x89C8;&#x5668;&#x5728;&#x89E3;&#x6790;&#x5B8C; HTML &#x540E;&#xFF0C;&#x4F1A;&#x5C06; HTML &#x4EE3;&#x7801;&#x5C01;&#x88C5;&#x6210;&#x4E00;&#x68F5;&#x6587;&#x6863;&#x6811;&#x63D0;&#x4F9B;&#x7ED9; JavaScript&#x3002;JavaScript &#x901A;&#x8FC7; DOM API &#x4E2D;&#x5B9A;&#x4E49;&#x7684;&#x65B9;&#x6CD5;&#x53EF;&#x4EE5;&#x5B9E;&#x73B0;&#x5728;&#x6587;&#x6863;&#x6811;&#x4E2D;&#x7684;&#x904D;&#x5386;&#x3001;&#x67E5;&#x627E;&#x3001;&#x589E;&#x5220;&#x8282;&#x70B9;&#x3001;&#x6539;&#x53D8;&#x8282;&#x70B9;&#x6837;&#x5F0F;&#x548C;&#x5185;&#x5BB9;&#x7B49;&#x529F;&#x80FD;&#x3002;\n
- &#x6BD4;&#x5982;&#x901A;&#x8FC7; getElementById &#x6216;&#x8005; querySelector &#x65B9;&#x6CD5;&#x53EF;&#x4EE5;&#x76F4;&#x63A5;&#x68C0;&#x7D22;&#x4F60;&#x60F3;&#x8981;&#x7684;&#x8282;&#x70B9;&#x3002;\n
- &#x518D;&#x53EF;&#x4EE5;&#x901A;&#x8FC7; firstChild&#x3001;nextSibling&#x3001;parentNode &#x53EF;&#x4EE5;&#x5728;&#x6587;&#x6863;&#x6811;&#x4E2D;&#x6839;&#x636E;&#x4E00;&#x4E2A;&#x5DF2;&#x6709;&#x8282;&#x70B9;&#x79FB;&#x52A8;&#x5230;&#x5176;&#x4ED6;&#x8981;&#x627E;&#x5230;&#x7684;&#x8282;&#x70B9;&#x4E0A;&#x53BB;&#x3002;\n
- &#x627E;&#x5230;&#x8282;&#x70B9;&#x540E;&#x8FD8;&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x8FD9;appendChild/removeChild/insertBefore&#x7B49;&#x65B9;&#x6CD5;&#x589E;&#x5220;&#x65B0;&#x8282;&#x70B9;&#xFF0C;&#x901A;&#x8FC7; innerHTML &#x8BBE;&#x7F6E;&#x8282;&#x70B9;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x901A;&#x8FC7; style &#x5C5E;&#x6027;&#x6539;&#x53D8;&#x8282;&#x70B9;&#x7684;&#x6837;&#x5F0F;&#x7B49;&#x3002;\n\n\n
- &#x53E6;&#x5916;&#xFF0C;&#x8FD8;&#x53EF;&#x4EE5;&#x5728;&#x5143;&#x7D20;&#x4E0A;&#x7ED1;&#x5B9A;&#x4E8B;&#x4EF6;&#x76D1;&#x542C;&#x51FD;&#x6570;&#x3002;\n
- &#x53E6;&#x5916;&#xFF0C;&#x8FD8;&#x53EF;&#x4EE5;&#x5728;&#x5143;&#x7D20;&#x4E0A;&#x7ED1;&#x5B9A;&#x4E8B;&#x4EF6;&#x76D1;&#x542C;&#x51FD;&#x6570;&#x3002; &#x5982;&#x679C;&#x8BF4; BOM API &#x8D4B;&#x4E88;&#x4E86; JS &#x63A7;&#x5236;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x80FD;&#x529B;&#xFF0C;&#x5219; DOM API &#x8D4B;&#x4E88;&#x4E86; JS &#x63A7;&#x5236;&#x9875;&#x9762;&#x5185;&#x5BB9;&#x7684;&#x80FD;&#x529B;&#x3002; \n
- DOM API &#x5206;&#x4E3A; Level 1 &#x5230; Level 3 &#x4E09;&#x4E2A;&#x7EA7;&#x522B;&#x3002;&#x76F8;&#x5F53;&#x4E8E;&#x7B2C;&#x4E00;&#x7248;&#x3001;&#x7B2C;&#x4E8C;&#x7248;&#x548C;&#x7B2C;&#x4E09;&#x7248;&#x3002;&#x8FD9;&#x4E5F;&#x662F;&#x968F;&#x7740;&#x6280;&#x672F;&#x7684;&#x53D1;&#x5C55;&#xFF0C;&#x539F;&#x6709;&#x7684; API &#x4E0D;&#x80FD;&#x6EE1;&#x8DB3;&#x9700;&#x8981;&#xFF0C;&#x6807;&#x51C6;&#x5316;&#x7EC4;&#x7EC7;&#x5C31;&#x8981;&#x5236;&#x5B9A;&#x66F4;&#x9AD8;&#x7EA7;&#x7684; API&#x3002;&#x901A;&#x5E38;&#x542B;&#x4E49;&#x4E0A;&#x8BF4;&#x4E00;&#x4E2A;&#x6D4F;&#x89C8;&#x5668;&#x5B8C;&#x6574;&#x652F;&#x6301; HTML5&#xFF0C;&#x5219;&#x5B83;&#x5E94;&#x8BE5;&#x5B8C;&#x6574;&#x7684;&#x652F;&#x6301; 3 &#x7EA7; DOM API&#x3002;\n\nAPI &#x6587;&#x6863;&#x89C4;&#x8303;&#x53EF;&#x4EE5;&#x76F4;&#x63A5;&#x53BB; w3.org &#x67E5;&#x770B;&#x5B9A;&#x4E49;&#xFF0C;&#x975E;&#x5E38;&#x8BE6;&#x7EC6;&#xFF0C;&#x7565;&#x663E;&#x67AF;&#x71E5;&#x3002;&#x6216;&#x8005;&#x53EF;&#x4EE5;&#x770B; DOM Scripting &#x8FD9;&#x672C;&#x4E66;&#x3002;\n
- &#x53E6;&#x5916;&#xFF0C;&#x4E0D;&#x8981;&#x770B; MSDN &#x4E0A;&#x7684;&#x6587;&#x6863;&#xFF0C;&#x6709;&#x5F88;&#x591A; m$ &#x7684;&#x79C1;&#x6709; API&#xFF0C;&#x4EE3;&#x7801;&#x98CE;&#x683C;&#x4E5F;&#x4E0D;&#x592A;&#x597D;&#x3002;\n
- &#x8BF4;&#x5230; IE&#xFF0C;&#x5C31;&#x4E0D;&#x5F97;&#x4E0D;&#x63D0;&#x6D4F;&#x89C8;&#x5668;&#x517C;&#x5BB9;&#x6027;&#x95EE;&#x9898;&#x3002;IE &#x6709;&#x7740;&#x4F17;&#x6240;&#x5468;&#x77E5;&#x7684;&#x7CDF;&#x7CD5;&#x7684;&#x517C;&#x5BB9;&#x6027;&#x95EE;&#x9898;&#x3002;IE 6 &#x5BF9;&#x4E8E; DOM API &#x7684;&#x652F;&#x6301;&#x975E;&#x5E38;&#x5DEE;&#x3002;&#x800C;&#x4E14; DOM API &#x7528;&#x8D77;&#x6765;&#x4E5F;&#x6BD4;&#x8F83;&#x9EBB;&#x70E6;&#x3002;&#x56E0;&#x6B64;&#x5C31;&#x6709;&#x4E86; jQuery &#x8FD9;&#x7C7B;&#x65B9;&#x4FBF;&#x4F7F;&#x7528;&#x7684;&#x5E93;&#x3002;&#x8FD9;&#x7C7B;&#x5E93;&#x5C01;&#x88C5;&#x4E86;&#x6D4F;&#x89C8;&#x5668;&#x539F;&#x751F;&#x7684; API &#x548C;&#x6D4F;&#x89C8;&#x5668;&#x517C;&#x5BB9;&#x6027;&#x95EE;&#x9898;&#xFF0C;&#x63D0;&#x4F9B;&#x4E86;&#x5BF9;&#x5F00;&#x53D1;&#x4EBA;&#x5458;&#x66F4;&#x52A0;&#x53CB;&#x597D;&#x7684; API &#x6765;&#x64CD;&#x4F5C;&#x6587;&#x6863;&#x6811;&#x3002;\n\n&#x5BF9;&#x4E8E; jQuery&#xFF0C;&#x6211;&#x4F1A;&#x5728;&#x4ECB;&#x7ECD;&#x5B8C; AJAX &#x4E4B;&#x540E;&#x518D;&#x8FDB;&#x884C;&#x4ECB;&#x7ECD;&#x3002;\n
- \n
- AJAX &#x5174;&#x8D77;&#x4E5F;&#x5FEB;10&#x5E74;&#x4E86;&#x3002;AJAX &#x7684;&#x6838;&#x5FC3;&#x5728;&#x4E8E;&#x6D4F;&#x89C8;&#x5668;&#x63D0;&#x4F9B;&#x7684;&#x4E00;&#x4E2A; XHR &#x5BF9;&#x8C61;&#xFF0C;XHR API &#x662F;&#x5F88;&#x65E9;&#x5C31;&#x6709;&#x4E86;&#x7684;&#x4E00;&#x4E2A; API&#xFF0C;&#x4F46;&#x662F; gmail &#x5BF9;&#x4E8E; XHR &#x7684;&#x5927;&#x89C4;&#x6A21;&#x4F7F;&#x7528;&#x8BA9; AJAX &#x8FD9;&#x4E2A;&#x540D;&#x8BCD;&#x4E00;&#x591C;&#x95F4;&#x706B;&#x7206;&#x6574;&#x4E2A;&#x4E92;&#x8054;&#x7F51;&#x3002;\n
- &#x90A3;&#x4E48;&#xFF0C;AJAX &#x5230;&#x5E95;&#x505A;&#x4E86;&#x4EC0;&#x4E48;&#x5462;&#xFF1F;&#x5728;AJAX &#x51FA;&#x73B0;&#x4E4B;&#x524D;&#xFF0C;&#x8981;&#x5411;&#x670D;&#x52A1;&#x5668;&#x53D1;&#x9001;&#x6570;&#x636E;&#xFF0C;&#x57FA;&#x672C;&#x4E0A;&#x53EA;&#x6709;&#x4E24;&#x79CD;&#x65B9;&#x5F0F;&#xFF0C;&#x70B9;&#x51FB;&#x94FE;&#x63A5;&#xFF0C;&#x6216;&#x8005;&#x63D0;&#x4EA4;&#x4E00;&#x4E2A;&#x8868;&#x5355;&#x3002;&#x6BD4;&#x5982;&#x90A3;&#x65F6;&#x5019;&#x7684; google &#x4E3B;&#x9875;&#xFF0C;&#x5C31;&#x53EA;&#x6709;&#x4E00;&#x4E2A;&#x8F93;&#x5165;&#x6846;&#xFF0C;&#x548C;&#x4E24;&#x4E2A;&#x6309;&#x94AE;&#x3002;&#x5F53;&#x70B9;&#x51FB;&#x641C;&#x7D22;&#x6309;&#x94AE;&#x65F6;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x628A;&#x641C;&#x7D22;&#x6846;&#x548C;&#x6309;&#x94AE;&#x6240;&#x5728;&#x7684;&#x8868;&#x5355;&#x4EE5; POST &#x8BF7;&#x6C42;&#x5F62;&#x5F0F;&#x53D1;&#x9001;&#x5230;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x670D;&#x52A1;&#x5668;&#x5904;&#x7406;&#x8FD9;&#x4E2A;&#x8BF7;&#x6C42;&#x3002;\n\n&#x8FD9;&#x79CD;&#x5F62;&#x5F0F;&#x5BF9;&#x4E8E;&#x7528;&#x6237;&#x7684;&#x4EA4;&#x4E92;&#x9650;&#x5236;&#x7684;&#x5F88;&#x4E25;&#x683C;&#xFF0C;&#x800C;&#x4E14;&#x8BF7;&#x6C42;&#x6570;&#x636E;&#x540C;&#x65F6;&#xFF0C;&#x9875;&#x9762;&#x4E0D;&#x80FD;&#x505A;&#x4EFB;&#x4F55;&#x64CD;&#x4F5C;&#x3002;&#x7528;&#x6237;&#x5728;&#x8BBF;&#x95EE;&#x7F51;&#x7AD9;&#x65F6;&#xFF0C;&#x5C31;&#x4F1A;&#x611F;&#x89C9;&#x662F;&#x5728;&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x4E4B;&#x95F4;&#x8DF3;&#x8F6C;&#x3002;\n
- AJAX &#x7ED9;&#x4E88;&#x4E86; JavaScript &#x64CD;&#x7EB5;&#x6570;&#x636E;&#x7684;&#x80FD;&#x529B;&#x3002;&#x56E0;&#x4E3A;&#x7075;&#x6D3B;&#x7684; JavaScript&#xFF0C;&#x4F7F;&#x5F97;&#x9875;&#x9762;&#x51E0;&#x4E4E;&#x53EF;&#x4EE5;&#x5B9E;&#x73B0;&#x4EFB;&#x610F;&#x7684;&#x4EA4;&#x4E92;&#x65B9;&#x5F0F;&#x3002;&#x6570;&#x636E;&#x7684;&#x53D1;&#x9001;&#x548C;&#x63A5;&#x53D7;&#x4E0D;&#x518D;&#x4F1A;&#x5BFC;&#x81F4;&#x9875;&#x9762;&#x88AB;&#x963B;&#x585E;&#xFF0C;&#x7528;&#x6237;&#x4E5F;&#x4E0D;&#x4F1A;&#x611F;&#x89C9;&#x5230;&#x81EA;&#x5DF1;&#x5728;&#x63D0;&#x4EA4;&#x6570;&#x636E;&#x65F6;&#x662F;&#x4ECE;&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x8DF3;&#x8F6C;&#x5230;&#x53E6;&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x3002;&#x4F7F;&#x5F97;&#x7F51;&#x9875;&#x505A;&#x5230;&#x548C;&#x672C;&#x5730;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x63A5;&#x8FD1;&#x7684;&#x4F53;&#x9A8C;&#x6210;&#x4E3A;&#x4E86;&#x53EF;&#x80FD;&#x3002;\n\n&#x56E0;&#x6B64;&#xFF0C;AJAX &#x6700;&#x5173;&#x952E;&#x7684;&#x4E00;&#x70B9;&#x5728;&#x4E8E;&#x63D0;&#x4EA4;&#x6570;&#x636E;&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x9875;&#x9762;&#x4E0D;&#x4F1A;&#x88AB;&#x963B;&#x585E;&#xFF0C;&#x4E5F;&#x4E0D;&#x4F1A;&#x88AB;&#x6D4F;&#x89C8;&#x5668;&#x5237;&#x65B0;&#x3002;\n
- AJAX &#x7684;&#x5F02;&#x6B65;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x662F;&#x901A;&#x8FC7; XMLHTTPRequest &#x5BF9;&#x8C61;&#x6765;&#x5B8C;&#x6210;&#x7684;&#xFF0C;&#x4E5F;&#x88AB;&#x6210;&#x4E3A; XHR &#x5BF9;&#x8C61;&#x3002;\n\nXHR &#x5BF9;&#x8C61;&#x63D0;&#x4F9B;&#x4E86; readystatechange &#x4E8B;&#x4EF6;&#xFF0C;&#x5F53;&#x670D;&#x52A1;&#x5668;&#x7684;&#x6570;&#x636E;&#x8FD4;&#x56DE;&#x540E;&#xFF0C;readystatechange &#x4E8B;&#x4EF6;&#x88AB;&#x89E6;&#x53D1;&#xFF0C;&#x4E8B;&#x4EF6;&#x56DE;&#x8C03;&#x51FD;&#x6570;&#x88AB;&#x6267;&#x884C;&#x3002;&#x5728;&#x6570;&#x636E;&#x8FD4;&#x56DE;&#x4E4B;&#x524D;&#xFF0C;JavaScript &#x4F1A;&#x7EE7;&#x7EED;&#x5411;&#x4E0B;&#x6267;&#x884C;&#xFF0C;&#x6570;&#x636E;&#x7684;&#x53D1;&#x9001;&#x4E0D;&#x963B;&#x585E; JavaScript &#x7684;&#x6267;&#x884C;&#x3002;\n
- AJAX &#x7684;&#x53E6;&#x4E00;&#x4E2A;&#x6982;&#x5FF5;&#x662F; XML&#xFF0C;&#x5373; AJAX &#x6700;&#x5F00;&#x59CB;&#x662F;&#x901A;&#x8FC7; XML &#x4F5C;&#x4E3A;&#x6570;&#x636E;&#x7684;&#x4F20;&#x8F93;&#x683C;&#x5F0F;&#x3002;XHR &#x5BF9;&#x8C61;&#x76F4;&#x63A5;&#x63D0;&#x4F9B;&#x4E86; responseXML &#x5C5E;&#x6027;&#xFF0C;&#x5C06;&#x670D;&#x52A1;&#x5668;&#x8FD4;&#x56DE;&#x7684; xml &#x6570;&#x636E;&#x53D8;&#x6210;&#x4E00;&#x4E2A; xml &#x5BF9;&#x8C61;&#x3002;javascript &#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x548C; dom api &#x7C7B;&#x4F3C;&#x7684;&#x65B9;&#x6CD5;&#x904D;&#x5386;&#x8FD9;&#x4E2A; xml &#x5BF9;&#x8C61;&#x4E2D;&#x7684;&#x6570;&#x636E;&#x3002;\n\nXML &#x5728; AJAX &#x521A;&#x5174;&#x8D77;&#x7684;&#x65F6;&#x5019;&#x975E;&#x5E38;&#x6D41;&#x884C;&#x3002;&#x540E;&#x6765;&#x9010;&#x6E10;&#x5927;&#x5BB6;&#x53D1;&#x73B0;xml&#x7684;&#x8BF8;&#x591A;&#x7F3A;&#x70B9;&#xFF0C;&#x6BD4;&#x5982;&#x89C4;&#x5219;&#x590D;&#x6742;&#x3001;&#x6807;&#x8BB0;&#x592A;&#x591A;&#x3001;&#x6570;&#x636E;&#x91CF;&#x592A;&#x5927;&#x7B49;&#x3002;\n
- &#x540E;&#x6765;&#xFF0C;JSON &#x51FA;&#x73B0;&#x4E86;&#xFF0C;&#x5E76;&#x4E14;&#x8FC5;&#x901F;&#x4EE3;&#x66FF;&#x4E86; XML&#xFF0C;&#x4F5C;&#x4E3A;&#x6700;&#x6D41;&#x884C;&#x7684; AJAX &#x6570;&#x636E;&#x683C;&#x5F0F;&#x3002;\nJSON &#x7684;&#x5168;&#x79F0;&#x662F; JavaScript Object Notation&#xFF0C;&#x57FA;&#x672C;&#x4E0A;&#xFF0C;JSON &#x5C31;&#x662F;&#x4E00;&#x6BB5; JavaScript &#x4EE3;&#x7801;&#x3002;\n
- &#x8FD9;&#x662F;&#x4E00;&#x6BB5; JSON &#x683C;&#x5F0F;&#x7684;&#x4F8B;&#x5B50;&#xFF0C;&#x8FD9;&#x6BB5;&#x4EE3;&#x7801;&#x53EF;&#x4EE5;&#x76F4;&#x63A5;&#x653E;&#x5230;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x8FD0;&#x884C;&#xFF0C;&#x8FD0;&#x884C;&#x7ED3;&#x679C;&#x662F;&#x4E00;&#x4E2A; javascript object&#x3002;\nJSON &#x683C;&#x5F0F;&#x7684;&#x4F18;&#x70B9;&#x5728;&#x4E8E;&#xFF0C;&#x6613;&#x4E8E;&#x9605;&#x8BFB;&#xFF0C;&#x6570;&#x636E;&#x95F4;&#x5173;&#x7CFB;&#x8981;&#x6BD4; XML &#x6E05;&#x6670;&#xFF0C;&#x4EE3;&#x7801;&#x91CF;&#x5C0F;&#xFF0C;&#x53EF;&#x8BFB;&#x6027;&#x9AD8;&#x3002;&#x56E0;&#x6B64;&#x8FC5;&#x901F;&#x6D41;&#x884C;&#x8D77;&#x6765;&#xFF0C;&#x5404;&#x4E2A;&#x6D4F;&#x89C8;&#x5668;&#x4E5F;&#x8FC5;&#x901F;&#x63D0;&#x4F9B;&#x4E86; JSON &#x76F8;&#x5173;&#x7684; API&#xFF0C;&#x7528;&#x6765;&#x89E3;&#x6790; JSON &#x6570;&#x636E;&#x3002;\n
- &#x6807;&#x51C6;&#x7684; JSON API &#x63D0;&#x4F9B;&#x4E86;&#x5C06;&#x5B57;&#x7B26;&#x4E32;&#x8F6C;&#x4E3A; javascript &#x5BF9;&#x8C61;&#x7684; parse &#x65B9;&#x6CD5;&#x548C; &#x5C06;&#x4E00;&#x4E2A;&#x5BF9;&#x8C61;&#x8F6C;&#x4E3A;&#x5B57;&#x7B26;&#x4E32;&#x7684; stringify &#x65B9;&#x6CD5;&#x3002;\n&#x5728;&#x6BD4;&#x8F83;&#x8001;&#x7684; IE &#x6D4F;&#x89C8;&#x5668;&#x4E0B;&#xFF0C;&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x5F15;&#x5165; JSON2.js &#x6765;&#x5B9E;&#x73B0;&#x8FD9;&#x4E24;&#x4E2A;&#x65B9;&#x6CD5;&#x3002;\n
- &#x901A;&#x8FC7; JSON &#x6765;&#x5145;&#x5F53; AJAX &#x7684;&#x6570;&#x636E;&#x683C;&#x5F0F;&#x7684;&#x8BDD;&#xFF0C;&#x9700;&#x8981;&#x4ECE; XHR &#x5BF9;&#x8C61;&#x7684; responseText &#x5F97;&#x5230;&#x670D;&#x52A1;&#x5668;&#x8FD4;&#x56DE;&#x7684; JSON &#x5B57;&#x7B26;&#x4E32;&#xFF0C;&#x518D;&#x901A;&#x8FC7; parse &#x65B9;&#x6CD5;&#x5C06;&#x5B57;&#x7B26;&#x4E32;&#x8F6C;&#x4E3A;&#x4E00;&#x4E2A; JavaScript &#x5BF9;&#x8C61;&#x3002;\n\n&#x9274;&#x4E8E; JSON &#x7684;&#x6D41;&#x884C;&#x7A0B;&#x5EA6;&#xFF0C;AJAX &#x5176;&#x5B9E;&#x6539;&#x540D;&#x6210; AJAJ &#x66F4;&#x5408;&#x9002;&#x3002;&#x4E0D;&#x8FC7;&#x5927;&#x5BB6;&#x8FD8;&#x662F;&#x4E60;&#x60EF;&#x53EB; AJAX&#xFF0C;&#x4E00;&#x4E2A;&#x662F;&#x53D1;&#x97F3;&#x6BD4;&#x8F83;&#x65B9;&#x4FBF;&#xFF0C;&#x5176;&#x4E8C;&#x662F; AJAX &#x5DF2;&#x7ECF;&#x4E0D;&#x518D;&#x662F;&#x7279;&#x6307;&#x5229;&#x7528; XHR &#x5BF9;&#x8C61;&#x5F02;&#x6B65;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#xFF0C;&#x800C;&#x662F;&#x5DF2;&#x7ECF;&#x53D8;&#x6210;&#x4E86;&#x8FD9;&#x4E00;&#x7C7B;&#x6280;&#x672F;&#x7684;&#x603B;&#x79F0;&#x3002;\n
- &#x9664;&#x4E86; XHR &#x5BF9;&#x8C61;&#x4EE5;&#x5916;&#xFF0C;&#x8FD8;&#x6709;&#x51E0;&#x79CD;&#x5E38;&#x89C1;&#x7684; AJAX &#x6280;&#x672F;&#x3002;\n
- &#x9996;&#x5148;&#x662F;&#x6211;&#x4E2A;&#x4EBA;&#x975E;&#x5E38;&#x559C;&#x6B22;&#x4E00;&#x4E2A;&#xFF0C;&#x8FD9;&#x4E2A;&#x6280;&#x672F;&#x901A;&#x8FC7; img &#x5BF9;&#x8C61;&#x6765;&#x53D1;&#x9001;&#x6570;&#x636E;&#x3002;&#x975E;&#x5E38;&#x8F7B;&#x91CF;&#x5316;&#xFF0C;&#x4EE3;&#x7801;&#x4E5F;&#x5F88;&#x7B80;&#x5355;&#xFF0C;&#x800C;&#x4E14;&#x8FD8;&#x53EF;&#x4EE5;&#x53D1;&#x8DE8;&#x57DF;&#x8BF7;&#x6C42;&#x3002;&#x9002;&#x5408;&#x53EA;&#x9700;&#x53D1;&#x9001;&#x6570;&#x636E;&#xFF0C;&#x53D1;&#x5B8C;&#x4E0D;&#x7406;&#x7684;&#x573A;&#x5408;&#xFF0C;&#x6BD4;&#x5982;&#x53D1;&#x9001; log&#x3002;\n
- &#x7136;&#x540E;&#x662F; ajax &#x4E4B;&#x524D;&#x4E00;&#x79CD;&#x6BD4;&#x8F83;&#x5E38;&#x7528;&#x7684;&#x6280;&#x672F;&#xFF0C;&#x901A;&#x8FC7;&#x9875;&#x9762;&#x5185;&#x5D4C;&#x4E00;&#x4E2A;&#x6846;&#x67B6;&#xFF0C;&#x7136;&#x540E;&#x63D0;&#x4EA4;&#x8868;&#x5355;&#x7684;&#x65F6;&#x5019;&#x4E0D;&#x5237;&#x65B0;&#x6574;&#x4E2A;&#x9875;&#x9762;&#xFF0C;&#x800C;&#x662F;&#x53EA;&#x5237;&#x65B0;&#x6846;&#x67B6;&#x5185;&#x7684;&#x9875;&#x9762;&#xFF0C;&#x6765;&#x5B9E;&#x73B0;&#x5916;&#x90E8;&#x9875;&#x9762;&#x7684;&#x65E0;&#x5237;&#x65B0;&#x6570;&#x636E;&#x8BF7;&#x6C42;&#x3002;&#x8FD9;&#x4E2A;&#x6280;&#x672F;&#x6BD4; Image &#x6807;&#x7B7E;&#x597D;&#x7684;&#x5730;&#x65B9;&#x5728;&#x4E8E;&#xFF0C;&#x5B83;&#x4E0D;&#x53D7; GET &#x8BF7;&#x6C42;&#x7684;&#x9650;&#x5236;&#xFF0C;&#x8FD8;&#x53EF;&#x4EE5;&#x53D1;&#x9001; POST &#x8BF7;&#x6C42;&#xFF0C;&#x751A;&#x81F3;&#x4E0A;&#x4F20;&#x6587;&#x4EF6;&#x3002;&#x7F3A;&#x70B9;&#x662F;&#x7528;&#x4E86; iframe&#xFF0C;&#x6BD4;&#x8F83;&#x91CD;&#x3002;&#x800C;&#x4E14;&#x4E5F;&#x4E0D;&#x592A;&#x5BB9;&#x6613;&#x56DE;&#x8C03;&#x3002;\n
- &#x8FD8;&#x6709;&#x4E00;&#x79CD;&#x5938;&#x57DF;&#x8BF7;&#x6C42;&#x6570;&#x636E;&#x7684;&#x65B9;&#x6CD5;&#xFF0C;&#x5373;&#x5728;&#x9875;&#x9762;&#x4E2D;&#x63D2;&#x5165;&#x4E00;&#x4E2A; script &#x6807;&#x7B7E;&#xFF0C;&#x6807;&#x7B7E;&#x7684; url &#x8BBE;&#x7F6E;&#x6210;&#x6570;&#x636E;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x5E76;&#x4E14; url &#x4E2D;&#x5305;&#x542B;&#x8981;&#x53D1;&#x9001;&#x7684;&#x6570;&#x636E;&#x3002;&#x5F53;&#x8FD9;&#x4E2A; script &#x6807;&#x7B7E;&#x88AB;&#x63D2;&#x5165;&#x5230;&#x9875;&#x9762;&#x4E2D;&#x540E;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x5411;&#x8FD9;&#x4E2A; url &#x53D1;&#x9001;&#x4E00;&#x4E2A; GET &#x8BF7;&#x6C42;&#x3002;&#x670D;&#x52A1;&#x5668;&#x54CD;&#x5E94;&#x8BF7;&#x6C42;&#xFF0C;&#x5E76;&#x8FD4;&#x56DE;&#x4E00;&#x6BB5;&#x53EF;&#x4EE5;&#x6267;&#x884C;&#x7684; javascript &#x4EE3;&#x7801;&#xFF0C;&#x8FD9;&#x6BB5;&#x4EE3;&#x7801;&#x4E2D;&#x5305;&#x542B;&#x4E86;&#x8981;&#x7ED9;&#x5BA2;&#x6237;&#x7AEF;&#x7684;&#x6570;&#x636E;&#x3002;&#x6D4F;&#x89C8;&#x5668;&#x63A5;&#x6536;&#x5230;&#x8FD9;&#x6BB5;&#x4EE3;&#x7801;&#x540E;&#x4F1A;&#x6B63;&#x5E38;&#x6267;&#x884C;&#xFF0C;&#x5BA2;&#x6237;&#x7AEF;&#x901A;&#x8FC7;&#x9884;&#x5148;&#x5199;&#x597D;&#x7684; callback &#x51FD;&#x6570;&#x62FF;&#x5230;&#x670D;&#x52A1;&#x5668;&#x8FD4;&#x56DE;&#x7684;&#x6570;&#x636E;&#x3002;\n
- JSONP &#x7684;&#x4F18;&#x70B9;&#x5728;&#x4E8E;&#x5F88;&#x8F7B;&#x91CF;&#x4E5F;&#x5F88;&#x7A33;&#x5B9A;&#xFF0C;&#x5F88;&#x5BB9;&#x6613;&#x52A0;&#x5165;&#x56DE;&#x8C03;&#x51FD;&#x6570;&#x3002;&#x7F3A;&#x70B9;&#x5728;&#x4E8E;&#x4E0D;&#x80FD;&#x53D1;&#x9001; POST &#x6570;&#x636E;&#x8BF7;&#x6C42;&#x3002;\n
- \n
- &#x521A;&#x8BB2;&#x5B8C; AJAX&#xFF0C;&#x5176;&#x5B9E;&#x4E0D;&#x540C;&#x6D4F;&#x89C8;&#x5668;&#x5BF9;&#x4E8E; AJAX &#x7684; XHR &#x5BF9;&#x8C61;&#x5B9E;&#x73B0;&#x4E5F;&#x6709;&#x4E00;&#x4E9B;&#x517C;&#x5BB9;&#x6027;&#x95EE;&#x9898;&#xFF0C;&#x5E76;&#x4E14;&#xFF0C;XHR &#x5BF9;&#x8C61;&#x672C;&#x8EAB;&#x63D0;&#x4F9B;&#x7684; API &#x5F88;&#x88F8;&#x5954;&#xFF0C;&#x6BD4;&#x5982; http &#x5F02;&#x5E38; code &#x5904;&#x7406;&#x673A;&#x5236;&#x7B49;&#x90FD;&#x8981;&#x81EA;&#x5DF1;&#x5B9E;&#x73B0;&#x3002;\n\n&#x9664;&#x4E86;&#x81EA;&#x5DF1;&#x5B9E;&#x73B0;&#x4EE5;&#x5916;&#xFF0C;&#x8FD8;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;&#x50CF; jQuery &#x8FD9;&#x6837;&#x7684;&#x5DE5;&#x5177;&#x5305;&#x3002;\n\njQuery &#x662F; AJAX &#x706B;&#x7206;&#x4E4B;&#x540E;&#x8DDF;&#x7740;&#x706B;&#x7206;&#x8D77;&#x6765;&#x7684;&#x4E00;&#x4E2A; JavaScript &#x5DE5;&#x5177;&#x96C6;&#x5408;&#xFF0C;&#x53E3;&#x53F7;&#x662F;&#x5199;&#x66F4;&#x5C11;&#x7684;&#x4EE3;&#x7801;&#x505A;&#x66F4;&#x591A;&#x7684;&#x4E8B;&#x60C5;&#xFF0C;&#x5B83;&#x4E5F;&#x786E;&#x5B9E;&#x505A;&#x5230;&#x4E86;&#x8FD9;&#x4E00;&#x70B9;&#x3002;\n
- jQuery &#x662F;&#x4E00;&#x4E2A;&#x4E13;&#x6CE8;&#x4E8E; DOM API &#x548C; AJAX &#x65B9;&#x6CD5;&#x7684;&#x5C01;&#x88C5;&#x7684;&#x5DE5;&#x5177;&#x5305;&#xFF0C;&#x5E76;&#x4E14;&#x63D0;&#x4F9B;&#x4E86;&#x4E00;&#x4E2A; plugin &#x673A;&#x5236;&#x6765;&#x65B9;&#x4FBF;&#x5F00;&#x53D1;&#x8005;&#x5BF9;&#x5176;&#x6269;&#x5C55;&#x3002;&#x4F46; jQuery &#x81EA;&#x8EAB;&#x7684; plugin &#x673A;&#x5236;&#x8BBE;&#x8BA1;&#x7684;&#x5E76;&#x4E0D;&#x662F;&#x5F88;&#x597D;&#xFF0C;&#x5982;&#x679C;&#x901A;&#x8FC7;&#x8FD9;&#x4E2A;&#x673A;&#x5236;&#x6765;&#x7EC4;&#x7EC7;&#x4EE3;&#x7801;&#xFF0C;&#x4EE3;&#x7801;&#x6BD4;&#x8F83;&#x5BB9;&#x6613;&#x5199;&#x4E71;&#x3002;&#x56E0;&#x6B64;&#x5EFA;&#x8BAE;&#x53EA;&#x628A; jQuery &#x5F53;&#x505A;&#x4E00;&#x4E2A;&#x5DE5;&#x5177;&#x5305;&#x6765;&#x4F7F;&#x7528;&#x3002;\n
- jQuery &#x7684;&#x4E00;&#x4E2A;&#x7279;&#x70B9;&#x5C31;&#x662F;&#x5F88;&#x597D;&#x7684;&#x5C01;&#x88C5;&#x4E86;&#x5404;&#x4E2A;&#x6D4F;&#x89C8;&#x5668;&#x5728; DOM API &#x4E0A;&#x7684;&#x517C;&#x5BB9;&#x6027;&#x95EE;&#x9898;&#x3002;&#x901A;&#x8FC7; jQuery &#x6765;&#x64CD;&#x4F5C;&#x6587;&#x6863;&#x6811;&#x7684;&#x8BDD;&#xFF0C;&#x51E0;&#x4E4E;&#x4E0D;&#x7528;&#x518D;&#x62C5;&#x5FC3; IE &#x51FA; bug&#x3002;&#x4E0D;&#x8FC7;&#x53EA;&#x662F;&#x51E0;&#x4E4E;&#xFF0C;&#x5BF9;&#x4E8E; IE&#xFF0C;&#x4E00;&#x5207;&#x7686;&#x6709;&#x53EF;&#x80FD;\n
- jQuery &#x88AB;&#x52A0;&#x8F7D;&#x540E;&#xFF0C;&#x4F1A;&#x5728;&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#x4E0B;&#x521B;&#x5EFA;&#x4E00;&#x4E2A; $ &#x51FD;&#x6570;&#x3002;$ &#x51FD;&#x6570;&#x901A;&#x8FC7; css &#x9009;&#x62E9;&#x5668;&#xFF0C;&#x5728;&#x6574;&#x4E2A;&#x6587;&#x6863;&#x6811;&#x4E2D;&#x68C0;&#x7D22;&#x7B26;&#x5408;&#x9009;&#x62E9;&#x5668;&#x7684; DOM &#x5BF9;&#x8C61;&#x3002;&#x7136;&#x540E;&#x518D;&#x901A;&#x8FC7; jQuery &#x5BF9;&#x8C61;&#x7684;&#x5404;&#x7C7B; API &#x6765;&#x64CD;&#x4F5C; dom element&#x3002;\n
- &#x6216;&#x8005;&#x901A;&#x8FC7;&#x5176;&#x4ED6; API &#x6765;&#x589E;&#x5220;&#x8282;&#x70B9;&#x3001;&#x6539;&#x53D8;&#x5143;&#x7D20;&#x7684;&#x6837;&#x5F0F;&#x3001;&#x663E;&#x793A;&#x6216;&#x8005;&#x9690;&#x85CF; dom &#x5143;&#x7D20;\n
- &#x6B64;&#x5916;&#xFF0C;jQuery &#x8FD8;&#x5C01;&#x88C5;&#x4E86;&#x4E00;&#x7CFB;&#x5217; ajax api&#xFF0C;&#x53EF;&#x4EE5;&#x66F4;&#x52A0;&#x65B9;&#x4FBF;&#x7684;&#x53D1;&#x9001; ajax &#x8BF7;&#x6C42;&#xFF0C;&#x5305;&#x62EC;&#x524D;&#x9762;&#x63D0;&#x5230;&#x7684; JSONP &#x8BF7;&#x6C42;&#x3002;\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n