文檔教程前端【免費(fèi)下載鏈接】Web千古前端圖文教程超詳細(xì)的前端入門到進(jìn)階知識(shí)庫(kù)。從零開(kāi)始學(xué)前端做一名精致優(yōu)雅的前端工程師。項(xiàng)目地址https://gitcode.com/gh_mirrors/we/Web點(diǎn)擊查看免費(fèi)下載導(dǎo)讀本文是「千古前端圖文教程」JavaScript 基礎(chǔ)篇的第一堂實(shí)戰(zhàn)課講解如何寫出并運(yùn)行你的第一行 JavaScripthello world。核心內(nèi)容包括JavaScript 代碼的三種引入方式行內(nèi)式、內(nèi)嵌式、外鏈?zhǔn)郊案髯缘倪m用場(chǎng)景、window.onload與noscript兩個(gè)關(guān)鍵的降級(jí)與延遲執(zhí)行技巧、四條入門必知的語(yǔ)法規(guī)則、前端三種語(yǔ)言HTML / CSS / JavaScript的注釋規(guī)范與 JSDoc 文檔注釋以及alert()、console.log()、confirm()、prompt()、document.write()五種常用輸出語(yǔ)句的用法與區(qū)別。學(xué)完本文你可以在瀏覽器中獨(dú)立編寫并調(diào)試一段可交互的前端腳本為后續(xù)學(xué)習(xí)變量、函數(shù)與 DOM 操作打下基礎(chǔ)。一、JS 代碼的書(shū)寫位置三種引入方式JS 代碼寫在哪里這個(gè)問(wèn)題也可以理解成引入 JS 代碼有哪幾種方式共有三種方式且與 CSS 的引入方式類似行內(nèi)式寫在 HTML 標(biāo)簽內(nèi)部。內(nèi)嵌式內(nèi)聯(lián)式寫在script標(biāo)簽中。外鏈?zhǔn)揭胪獠?JS 文件。方式 1行內(nèi)式將單行或少量 JS 代碼寫在 HTML 標(biāo)簽的事件屬性中以on開(kāi)頭的屬性如onclick點(diǎn)擊事件input typebutton value點(diǎn)我點(diǎn)我 onclickalert(千古壹號(hào) Hello 方式1) /完整的可執(zhí)行代碼如下!DOCTYPE html html langen head meta charsetUTF-8 / meta nameviewport contentwidthdevice-width, initial-scale1.0 / titleDocument/title /head body input typebutton value點(diǎn)我點(diǎn)我 onclickalert(千古壹號(hào) Hello 方式1) / /body /html需要理解的關(guān)鍵點(diǎn)onclick屬于 JavaScript 的事件屬性。在倉(cāng)庫(kù)的《事件簡(jiǎn)介》一節(jié)中有更系統(tǒng)的講解事件有三要素——事件源、事件、事件驅(qū)動(dòng)程序。這里的input標(biāo)簽是事件源onclick是事件alert(...)就是事件被觸發(fā)后執(zhí)行的事件驅(qū)動(dòng)程序。事件屬性中寫入的 JS 代碼會(huì)在事件被觸發(fā)時(shí)才執(zhí)行。不推薦在生產(chǎn)中使用這種寫法原因是可讀性差尤其是需要編寫大量 JS 代碼時(shí)很難維護(hù)引號(hào)多層嵌套時(shí)容易出錯(cuò)。關(guān)于代碼中的引號(hào)在 HTML 標(biāo)簽中推薦使用雙引號(hào)在 JS 中推薦使用單引號(hào)這樣能有效避免引號(hào)沖突。方式 2內(nèi)嵌式內(nèi)聯(lián)式在 HTML 頁(yè)面的body標(biāo)簽里放入script typetext/javascript/script標(biāo)簽對(duì)并在script里書(shū)寫 JavaScript 代碼!DOCTYPE html html langen head meta charsetUTF-8 / meta nameviewport contentwidthdevice-width, initial-scale1.0 / titleDocument/title /head body script typetext/javascript // 在這里寫 js 代碼 alert(千古壹號(hào) hello 方式2); console.log(qianguyihao hello 方式2); /script /body /html需要理解的關(guān)鍵點(diǎn)type屬性中的text表示純文本因?yàn)?JavaScript 代碼本身就是純文本。當(dāng)然type屬性可以省略因?yàn)?JavaScript 是所有現(xiàn)代瀏覽器以及 HTML5 中的默認(rèn)腳本語(yǔ)言。在倉(cāng)庫(kù)的《HTML5詳解》等文檔中可以看到大量省略type直接書(shū)寫script的代碼示例。可以將多行 JS 代碼寫到script標(biāo)簽中。內(nèi)嵌式 JS 是學(xué)習(xí)時(shí)最常用的書(shū)寫方式適合課程練習(xí)與臨時(shí)調(diào)試。方式 3外鏈?zhǔn)揭氇?dú)立的 JS 文件!DOCTYPE html html langen head meta charsetUTF-8 / meta nameviewport contentwidthdevice-width, initial-scale1.0 / titleDocument/title /head body !-- 外鏈?zhǔn)揭胪獠康?js 文件這個(gè) utils.js 文件與當(dāng)前的 html 文件處于同一級(jí)目錄 -- script srcutils.js/script /body /html需要理解的關(guān)鍵點(diǎn)上面的script標(biāo)簽依然放在body里可以與內(nèi)嵌的 JS 代碼并列放置。一旦script標(biāo)簽通過(guò)src引入了外部 JS 文件這個(gè)標(biāo)簽內(nèi)部就不可以再寫 JS 代碼。方式 2 和方式 3 不能混用——同一個(gè)script標(biāo)簽要么內(nèi)嵌代碼要么引入外部文件二者只能取其一?？偨Y(jié)在實(shí)戰(zhàn)開(kāi)發(fā)中基本都采用方式 3外鏈?zhǔn)?。?HTML 文件與 JS 文件分離有利于代碼的結(jié)構(gòu)化和復(fù)用符合高內(nèi)聚、低耦合的思想。很少有人會(huì)把一大堆 JS 代碼塞進(jìn)單個(gè) HTML 文件里。二、拓展知識(shí)一window.onload —— 先加載最后執(zhí)行上面的三種方式有一個(gè)共同點(diǎn)JS 代碼都寫在body標(biāo)簽內(nèi)準(zhǔn)確來(lái)說(shuō)是在頁(yè)面標(biāo)簽元素如title的后面、/body結(jié)束標(biāo)簽的前面。為什么一般按這個(gè)順序?qū)懸驗(yàn)闉g覽器默認(rèn)遵循 HTML 文檔的加載順序即從上至下解析網(wǎng)頁(yè)這句話很重要。所以通常情況下我們會(huì)把 JS 代碼寫在body內(nèi)部的末尾。這里引出一個(gè)關(guān)鍵問(wèn)題當(dāng)你需要通過(guò) JS操作界面上的標(biāo)簽元素時(shí)如果 JS 代碼或script標(biāo)簽被寫進(jìn)了head標(biāo)簽中或者寫在 HTML 標(biāo)簽元素的前面那么這段 JS 是無(wú)效的——因?yàn)闃?biāo)簽元素此時(shí)還沒(méi)來(lái)得及加載自然無(wú)法操作。關(guān)于操作頁(yè)面元素可以進(jìn)一步閱讀倉(cāng)庫(kù)的《DOM簡(jiǎn)介和DOM操作》DOM 正是 JS 操作頁(yè)面元素的 API 規(guī)范。重點(diǎn)來(lái)了當(dāng)你需要通過(guò) JS 操作界面上的標(biāo)簽元素又實(shí)在想把 JS 寫到head標(biāo)簽中時(shí)就必須用window.onload將 JS 代碼包裹起來(lái)head window.onload function(){ // 這里可以寫操作界面元素的JS代碼等頁(yè)面加載完畢后再執(zhí)行。這里面的JS代碼會(huì)延遲執(zhí)行。 ... } /headwindow.onload的含義是等界面上所有內(nèi)容都加載完畢后不僅要等文本加載完畢還要等圖片等資源加載完畢再執(zhí)行window.onload內(nèi)部的代碼。它做到了先加載最后執(zhí)行也就是延遲執(zhí)行。我們可以根據(jù)具體需要決定將window.onload寫在head標(biāo)簽中或者寫在script標(biāo)簽中。三、拓展知識(shí)二noscript標(biāo)簽 —— 瀏覽器不支持 JS 時(shí)的降級(jí)方案如果有些瀏覽器不支持 JS 腳本或者用戶主動(dòng)禁用了瀏覽器的 JS 腳本該如何給用戶一個(gè)友好的提示我們可以通過(guò)noscript標(biāo)簽作為降級(jí)的處理方案。noscript是一種 HTML 標(biāo)簽用于提供在瀏覽器禁用 JavaScript 或無(wú)法執(zhí)行 JavaScript 腳本時(shí)的替代內(nèi)容。它允許開(kāi)發(fā)者在需要時(shí)向用戶顯示備用內(nèi)容有助于提高網(wǎng)站的可訪問(wèn)性和用戶體驗(yàn)。基礎(chǔ)語(yǔ)法noscript !-- 降級(jí)方案這里放置備用內(nèi)容當(dāng)瀏覽器禁用 JS 或者瀏覽器不支持 JS 時(shí)將顯示 -- p請(qǐng)啟用JavaScript以獲得最佳網(wǎng)站體驗(yàn)。/p /noscript使用說(shuō)明noscript標(biāo)簽內(nèi)部可以包含任何 HTML 內(nèi)容通常包括用于向用戶傳達(dá)信息或提供備用功能的文本、圖像、鏈接等。noscript的內(nèi)容僅在瀏覽器不支持或禁用 JS 的情況下才會(huì)顯示。也就是說(shuō)如果用戶的瀏覽器支持 JS 腳本noscript里的內(nèi)容將不會(huì)顯示會(huì)被忽略如果瀏覽器不支持 JS或用戶關(guān)閉了 JS則會(huì)顯示noscript里的內(nèi)容。四、JavaScript 一些簡(jiǎn)單的語(yǔ)法規(guī)則學(xué)習(xí)編程語(yǔ)言是有規(guī)律可循的程序會(huì)有相同的部分這些部分就是一種規(guī)定不能更改我們稱之為語(yǔ)法。先來(lái)了解四條最基礎(chǔ)的語(yǔ)法規(guī)則。規(guī)則 1JS 對(duì)換行、縮進(jìn)、空格不敏感語(yǔ)句以分號(hào)結(jié)尾也就是說(shuō)下面兩段代碼是完全等價(jià)的代碼一script typetext/javascript alert(今天藍(lán)天白云); alert(我很高興); /script等價(jià)于代碼二script typetext/javascript alert(今天藍(lán)天白云);alert(我很高興); /script規(guī)則 2每一條語(yǔ)句末尾建議加上分號(hào)當(dāng)存在換行符line break時(shí)大多數(shù)情況下可以省略分號(hào)——JavaScript 會(huì)將換行符理解成隱式的分號(hào)進(jìn)而自動(dòng)添加分號(hào)。也就是說(shuō)分號(hào)不是必須加的如果不寫分號(hào)瀏覽器會(huì)在換行符的位置自動(dòng)添加分號(hào)但會(huì)消耗一些系統(tǒng)資源和性能甚至可能添加錯(cuò)誤導(dǎo)致一些奇怪的 bug。因此規(guī)范做法是每條語(yǔ)句末尾顯式寫上分號(hào)。規(guī)則 3所有的符號(hào)都是英文的括號(hào)、引號(hào)、分號(hào)等符號(hào)都必須使用英文半角符號(hào)。如果你用的是搜狗拼音建議不要用 Shift 切換中英文可以在搜狗軟件里進(jìn)行設(shè)置否則很容易輸入中文的分號(hào)建議用Ctrl Space切換中英文輸入法。規(guī)則 4JS 嚴(yán)格區(qū)分大小寫HTML 和 CSS 不區(qū)分大小寫但是JS 嚴(yán)格區(qū)分大小寫。例如alert和Alert、console和Console在 JS 中是截然不同的標(biāo)識(shí)符寫錯(cuò)大小寫會(huì)導(dǎo)致程序報(bào)錯(cuò)。五、前端代碼的注釋注釋即解釋、注解。注釋有利于提高代碼的可讀性且有利于程序員之間的溝通和工作交接。注釋可以用來(lái)解釋某一段代碼的功能和作用通過(guò)注釋還可以補(bǔ)充代碼中未體現(xiàn)出來(lái)的部分——代碼只是開(kāi)發(fā)工作的結(jié)果注釋可以闡述開(kāi)發(fā)工作的過(guò)程、思路、注意事項(xiàng)以及踩過(guò)的坑。注釋可以是任何文字可以寫中文。注意不要把 HTML、CSS、JavaScript 三者的注釋格式搞混淆了。HTML 的注釋格式!-- 我是 HTML 注釋 --舉例!--頭部開(kāi)始-- div classheader/div !--頭部結(jié)束-- !--內(nèi)容開(kāi)始-- div classmain/div !--內(nèi)容結(jié)束-- !--底部開(kāi)始-- div classfooter/div !--底部結(jié)束--CSS 的注釋舉例style typetext/css /* 我是 CSS 注釋 */ p { font-weight: bold; font-style: italic; color: red; } /style注意CSS 只有/* */這種注釋沒(méi)有//這種注釋而且注釋要寫在style標(biāo)簽里面才算生效。JavaScript 的注釋單行注釋// 我是注釋多行注釋寫法 1/* 多行注釋1 多行注釋2 */多行注釋寫法 2/** * 多行注釋1 * 多行注釋2 */VS Code 中的注釋快捷鍵補(bǔ)充在 VS Code 中單行注釋的快捷鍵是Ctrl /多行注釋的默認(rèn)快捷鍵是Alt Shift A。如果覺(jué)得多行注釋的默認(rèn)快捷鍵不方便可以自行修改VS Code -- 首選項(xiàng) -- 鍵盤快捷方式 -- 查找注釋 -- 將原來(lái)的快捷鍵修改為其他快捷鍵比如 Ctrl Shift /。注釋的高級(jí)用法文檔注釋JSDocJSDoc是 JavaScript 中用于文檔注釋的一種標(biāo)準(zhǔn)化格式。寫完 JSDoc 注釋后再通過(guò)相關(guān)工具開(kāi)發(fā)者便可以為函數(shù)、方法、類和變量等添加注釋以便生成可讀性強(qiáng)的 API 文檔。以下是一個(gè)基本的 JSDoc 注釋示例/** * 這是一個(gè)示例函數(shù)用于求兩個(gè)數(shù)字的和。 * param {number} num1 - 第一個(gè)數(shù)字 * param {number} num2 - 第二個(gè)數(shù)字 * returns {number} - 兩個(gè)數(shù)字的和 */ function sum(num1, num2) { return num1 num2; }使用效果鼠標(biāo)懸停在函數(shù)調(diào)用的地方就能看到關(guān)于這個(gè)函數(shù)的文檔說(shuō)明而不需要定位到函數(shù)的源碼處。JSDoc 經(jīng)常應(yīng)用于工具函數(shù)開(kāi)發(fā)者甚至可以借助 JSDoc 相關(guān)工具生成函數(shù)的一系列 API 文檔并部署到網(wǎng)站上方便其他開(kāi)發(fā)者查閱——這種協(xié)作方式在日常開(kāi)發(fā)中極為常見(jiàn)。另外需要說(shuō)明VS Code 默認(rèn)集成了文檔注釋的顯示功能可以在單獨(dú)的 JS 文件中顯示文檔注釋的效果但無(wú)法在 HTML 文件中顯示效果。對(duì)注釋的認(rèn)知很多人認(rèn)為代碼注釋是多余的理由是注釋太多說(shuō)明代碼寫得不清晰代碼更新的同時(shí)如果注釋沒(méi)更新那段注釋就成了磁盤上的垃圾誤導(dǎo)他人。還有人認(rèn)為注釋應(yīng)該盡可能詳細(xì)像寫小作文一樣。這兩種觀點(diǎn)都不全面寫注釋的真正理由在于注釋有利于提高代碼的可讀性且有利于程序員之間的溝通和工作交接。并非所有注釋都是必要的。注釋不應(yīng)該用來(lái)解釋某些代碼正在做什么——如果代碼無(wú)法清楚到解釋自己那么代碼需要變得更簡(jiǎn)單。但也有例外正則表達(dá)式和復(fù)雜算法通常能從解釋它們正在做什么的注釋中獲益很多。注釋在解釋為什么某些代碼存在時(shí)很有用。大多數(shù)注釋都針對(duì)代碼本身無(wú)法包含的信息例如決策背后的推理、業(yè)務(wù)流程、業(yè)務(wù)邏輯、注意事項(xiàng)、踩坑經(jīng)驗(yàn)總結(jié)、參考鏈接。注釋的本質(zhì)是文檔需要持續(xù)更新維護(hù)、新陳代謝。文檔也會(huì)過(guò)期但不能因噎廢食——即便文檔過(guò)期至少它記載了曾經(jīng)的開(kāi)發(fā)記錄。關(guān)于注釋還有一個(gè)悖論我最喜歡的事情是別人寫注釋我最不喜歡的事情是自己寫注釋。無(wú)論如何建議各位開(kāi)發(fā)者多寫注釋、多寫技術(shù)文檔越詳細(xì)越好、越系統(tǒng)越好這樣才能提高協(xié)作效率促進(jìn)良性循環(huán)。六、JavaScript 輸出語(yǔ)句在下面的這幾個(gè)輸出語(yǔ)句中按照使用頻率排序console.log()用得最多其次是alert()其他語(yǔ)句用得較少了解即可。彈窗alert() 語(yǔ)句要學(xué)習(xí)的第一個(gè)語(yǔ)句就是alert語(yǔ)句。代碼舉例如下!DOCTYPE html html langen head meta charsetUTF-8 / meta nameviewport contentwidthdevice-width, initial-scale1.0 / titleDocument/title /head body script alert(千古壹號(hào)); /script /body /htmlalert中文翻譯為警報(bào)、警告的用途是彈出警告框。它會(huì)在彈窗中顯示一條信息并等待用戶按下 OK。如果代碼中寫了兩個(gè)alert()語(yǔ)句網(wǎng)頁(yè)的效果是彈出第一個(gè)警告框點(diǎn)擊確定后繼續(xù)彈出第二個(gè)警告框。補(bǔ)充該方法只能傳入一個(gè)參數(shù)。控制臺(tái)輸出console.log() 打印日志console.log()用于在瀏覽器的控制臺(tái)中輸出信息里面可以傳入一個(gè)或多個(gè)參數(shù)常用于代碼調(diào)試和測(cè)試。console表示控制臺(tái)log表示輸出。括號(hào)里可以寫字符串、數(shù)字、變量、表達(dá)式等。語(yǔ)法格式console.log(傳入一個(gè)參數(shù) arg1); // 傳入多個(gè)參數(shù)時(shí)可以用逗號(hào)隔開(kāi) console.log(傳入多個(gè)參數(shù), arg2, arg3);控制臺(tái)是程序員調(diào)試程序的地方?？梢允褂?console 語(yǔ)句打印日志在控制臺(tái)的 console 面板查看打印的內(nèi)容測(cè)試程序是否運(yùn)行正常。在 Chrome 瀏覽器中按F12即可打開(kāi)控制臺(tái)選擇「console」欄查看打印內(nèi)容。console 語(yǔ)句可以設(shè)置不同的打印等級(jí)console.log(千古壹號(hào)1); // 普通打印 console.warn(千古壹號(hào)2); // 警告打印 console.error(千古壹號(hào)3); // 錯(cuò)誤打印不同的打印等級(jí)區(qū)別主要在于顏色、背景上的差別方便肉眼區(qū)分、過(guò)濾信息。做前端開(kāi)發(fā)時(shí)需要經(jīng)常使用控制臺(tái)調(diào)試甚至可以直接在控制臺(tái)輸入 JS 語(yǔ)句并打印執(zhí)行結(jié)果?？偨Y(jié)alert()主要用來(lái)顯示消息給用戶console.log()用來(lái)給程序員做調(diào)試用。彈窗confirm() 語(yǔ)句含確認(rèn)/取消代碼舉例如下var result confirm(你聽(tīng)說(shuō)過(guò)千古壹號(hào)嗎); console.log(result);代碼運(yùn)行后頁(yè)面上會(huì)顯示一個(gè)彈窗彈窗上有確認(rèn)和取消兩個(gè)按鈕點(diǎn)擊確定返回true點(diǎn)擊取消返回false。返回值可以通過(guò)變量接收并在控制臺(tái)查看——這正是 JS 中用變量接收函數(shù)返回值的最早實(shí)踐關(guān)于變量的詳細(xì)知識(shí)可參考倉(cāng)庫(kù)的《常量和變量》。彈出輸入框prompt() 語(yǔ)句prompt()專門彈出能夠讓用戶輸入內(nèi)容的對(duì)話框用得少測(cè)試的時(shí)候偶爾會(huì)用。JS 代碼如下var a prompt(請(qǐng)隨便輸入點(diǎn)什么東西吧); console.log(a);上方代碼中用戶輸入的內(nèi)容將被傳遞到變量a里面并在控制臺(tái)打印出來(lái)。alert() 和 prompt() 的區(qū)別alert()語(yǔ)句中可以輸出數(shù)字和字符串如果要輸出字符串則必須用引號(hào)括起來(lái)。而prompt()語(yǔ)句中用戶不管輸入什么內(nèi)容都是字符串。prompt()會(huì)返回用戶輸入的內(nèi)容我們可以用一個(gè)變量來(lái)接收用戶輸入的內(nèi)容。網(wǎng)頁(yè)內(nèi)容區(qū)域輸出document.write() 語(yǔ)句該方法的作用是向網(wǎng)頁(yè)中寫入文本內(nèi)容可以是 HTML 代碼傳入的參數(shù)可以是一個(gè)或多個(gè)字符串。代碼舉例document.write(千古前端圖文教程);頁(yè)面效果網(wǎng)頁(yè)正文區(qū)域直接顯示千古前端圖文教程這段文字。需要注意document.write()會(huì)直接改寫文檔流實(shí)際項(xiàng)目中使用較少多用于學(xué)習(xí)演示。七、本篇小結(jié)與下一步本文完成了一次完整的 JavaScript 入門閉環(huán)主題核心結(jié)論三種引入方式行內(nèi)式不推薦、內(nèi)嵌式學(xué)習(xí)常用、外鏈?zhǔn)綄?shí)戰(zhàn)標(biāo)準(zhǔn)加載順序?yàn)g覽器從上至下解析 HTMLJS 寫在 body 末尾操作 DOM 需借助window.onload延遲執(zhí)行降級(jí)方案noscript在瀏覽器禁用 JS 時(shí)顯示備用內(nèi)容語(yǔ)法規(guī)則分號(hào)結(jié)尾、英文符號(hào)、區(qū)分大小寫、對(duì)換行縮進(jìn)不敏感注釋規(guī)范HTML 用!-- --、CSS 用/* */、JS 用//與/** */進(jìn)階可用 JSDoc 生成 API 文檔輸出語(yǔ)句alert()面向用戶、console.log()面向開(kāi)發(fā)者調(diào)試、confirm()返回布爾、prompt()接收輸入、document.write()寫入頁(yè)面學(xué)完本文后建議按順序繼續(xù)閱讀倉(cāng)庫(kù)中同一目錄下的進(jìn)階篇章《常量和變量》理解var/let/const與字面量、《事件簡(jiǎn)介》理解事件三要素、《DOM簡(jiǎn)介和DOM操作》理解 JS 如何操作頁(yè)面元素逐步構(gòu)建完整的 JavaScript 知識(shí)體系。贊分享文檔教程前端【免費(fèi)下載鏈接】Web千古前端圖文教程超詳細(xì)的前端入門到進(jìn)階知識(shí)庫(kù)。從零開(kāi)始學(xué)前端做一名精致優(yōu)雅的前端工程師。項(xiàng)目地址https://gitcode.com/gh_mirrors/we/Web點(diǎn)擊查看免費(fèi)下載相關(guān)推薦千古前端圖文教程JavaScript 正則表達(dá)式入門與實(shí)戰(zhàn)RegExp 對(duì)象、匹配模式與 String 正則方法全解千古前端圖文教程JavaScript 正則表達(dá)式入門與實(shí)戰(zhàn)RegExp 對(duì)象、匹配模式與 String 正則方法全解 正則表達(dá)式是 JavaScript文檔教程前端千古前端圖文教程JavaScript async 異步函數(shù)詳解——聲明語(yǔ)法、返回值規(guī)律與 async/await 實(shí)戰(zhàn)千古前端圖文教程JavaScript async 異步函數(shù)詳解——聲明語(yǔ)法、返回值規(guī)律與 async/await 實(shí)戰(zhàn) 本文是「千古前端圖文教程」Web 前端文檔教程前端千古前端圖文教程用 innerHTML 動(dòng)態(tài)創(chuàng)建 DOM 元素的三種方式與實(shí)戰(zhàn)詳解千古前端圖文教程用 innerHTML 動(dòng)態(tài)創(chuàng)建 DOM 元素的三種方式與實(shí)戰(zhàn)詳解 導(dǎo)讀 在前端開(kāi)發(fā)中頁(yè)面內(nèi)容往往需要根據(jù)用戶操作或服務(wù)器數(shù)據(jù)動(dòng)態(tài)生成這時(shí)文檔教程前端上一篇Flair 自定義數(shù)據(jù)集加載完全指南ColumnCorpus、CSV 與 FastText 格式實(shí)戰(zhàn)下一篇GSD Beta 特性實(shí)戰(zhàn)/gsd-ultraplan-phase 將 Plan Phase 搬進(jìn) Claude Code 云端瀏覽器創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考