一、HTML、CSS、JavaScript分別實(shí)現(xiàn)什么功能

1、HTML（超文本標(biāo)記語言，Hypertext Markup Language）

HTML 是一種用于描述網(wǎng)頁結(jié)構(gòu)的標(biāo)記語言。它主要負(fù)責(zé)定義網(wǎng)頁的基本骨架和內(nèi)容。HTML 代碼由一系列的標(biāo)簽（tag）組成，這些標(biāo)簽用于描述網(wǎng)頁中的各種元素，例如段落、標(biāo)題、列表、圖片、鏈接等。以下是 HTML 的主要功能：

網(wǎng)頁結(jié)構(gòu)：HTML 通過標(biāo)簽定義了網(wǎng)頁的結(jié)構(gòu)和層次。例如，

、

和

等標(biāo)簽描述了網(wǎng)頁的主要部分和組織方式。網(wǎng)頁內(nèi)容：HTML 用于展示網(wǎng)頁的文本、圖像、視頻等內(nèi)容。例如，

、

–
、、和等標(biāo)簽定義了各種類型的內(nèi)容元素。超鏈接：HTML 使用標(biāo)簽創(chuàng)建超鏈接，實(shí)現(xiàn)網(wǎng)頁之間的跳轉(zhuǎn)和資源的引用。超鏈接是 Web 的基石，它使得 Web 成為一個互聯(lián)的網(wǎng)絡(luò)。表單和輸入：HTML 提供了
、、</code>、<code><button></code> 等標(biāo)簽，以收集和提交用戶數(shù)據(jù)。<p style="text-indent: 2em;"><strong>2、CSS（層疊樣式表，Cascading Style Sheets）</strong></p><p style="text-indent: 2em;">CSS 是一種用于描述網(wǎng)頁樣式的語言，它負(fù)責(zé)定義網(wǎng)頁的布局、顏色、字體、邊距等視覺樣式。CSS 可以將樣式與 HTML 內(nèi)容分離，使得網(wǎng)頁更易于維護(hù)和設(shè)計(jì)。以下是 CSS 的主要功能：</p>布局：CSS 控制網(wǎng)頁元素的位置和排列方式。例如，使用 Flexbox、Grid 和定位（positioning）等布局模型對元素進(jìn)行對齊、排列和定位。樣式：CSS 設(shè)定元素的顏色、字體、背景、邊框等樣式。例如，<code>color</code>、<code>font-family</code>、<code>background-image</code> 和 <code>border-radius</code> 等屬性定義了元素的視覺效果。響應(yīng)式設(shè)計(jì)：CSS 通過媒體查詢（media query）實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)，使得網(wǎng)頁能夠根據(jù)不同設(shè)備和屏幕尺寸自適應(yīng)顯示。動畫和過渡：CSS 提供了動畫（animation）和過渡（transition）功能，以實(shí)現(xiàn)平滑的視覺效果和交互動畫。<p style="text-indent: 2em;"><strong>3、JavaScript（JS）</strong></p><p style="text-indent: 2em;">JavaScript 是一種用于實(shí)現(xiàn)網(wǎng)頁交互的腳本語言。它可以運(yùn)行在瀏覽器端，使得網(wǎng)頁具有豐富的交互功能和動態(tài)效果。與 HTML 和 CSS 分別負(fù)責(zé)網(wǎng)頁的結(jié)構(gòu)和樣式不同，JavaScript 主要關(guān)注網(wǎng)頁的行為和邏輯。以下是 JavaScript 的主要功能：</p>DOM 操作：JavaScript 可以操作文檔對象模型（DOM），實(shí)現(xiàn)對網(wǎng)頁元素的增加、刪除、修改等操作。這使得網(wǎng)頁能夠根據(jù)用戶操作或其他條件動態(tài)地改變內(nèi)容和結(jié)構(gòu)。事件處理：JavaScript 可以監(jiān)聽和處理網(wǎng)頁事件，例如點(diǎn)擊、滾動、輸入等。通過處理這些事件，可以實(shí)現(xiàn)用戶與網(wǎng)頁的交互，例如展開菜單、彈出對話框等。數(shù)據(jù)處理：JavaScript 可以處理數(shù)據(jù)，例如獲取用戶輸入、計(jì)算結(jié)果、驗(yàn)證數(shù)據(jù)等。這使得網(wǎng)頁具有處理和響應(yīng)用戶數(shù)據(jù)的能力。異步請求：JavaScript 可以發(fā)起異步請求，實(shí)現(xiàn)與服務(wù)器的數(shù)據(jù)交換。這使得網(wǎng)頁能夠在不刷新頁面的情況下更新數(shù)據(jù)，提高用戶體驗(yàn)。例如，通過 AJAX（Asynchronous JavaScript and XML）或 Fetch API 獲取數(shù)據(jù)、提交表單等。動畫效果：雖然 CSS 可以實(shí)現(xiàn)一定程度的動畫效果，但 JavaScript 提供了更強(qiáng)大和靈活的動畫控制能力。例如，使用 <code>requestAnimationFrame</code> 實(shí)現(xiàn)高性能動畫、利用第三方庫（如 GreenSock、Three.js 等）創(chuàng)建復(fù)雜的動畫和視覺效果。<p style="text-indent: 2em;"><strong>延伸閱讀1：什么是JavaScript</strong></p><p style="text-indent: 2em;">JavaScript（簡稱“JS”）是一種具有函數(shù)優(yōu)先的輕量級，解釋型或即時編譯型的編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript基于原型編程、多范式的動態(tài)腳本語言，并且支持面向?qū)ο蟆⒚钍健⒙暶魇健⒑瘮?shù)式編程范式。</p><p style="text-indent: 2em;">JavaScript在1995年由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。因?yàn)镹etscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實(shí)際上它的語法風(fēng)格與Self及Scheme較為接近。</p></div> <div id="2jfk884" class="tag-wrap" style="margin: 30px auto 0;width: 810px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;"> <span id="kpywqkp" class="tag-label" style="font-size: 16px; line-height: 22px;margin-right: 6px;">tags:</span> <a id="tag_click" target="_blank" style="display: inline-block" href="http://www.kei0345678.cn/tag-0-1.html">it技術(shù)干貨</a> </div> <div id="h87mvlu" class="con-left-bottom"> 聲明：本站稿件版權(quán)均屬千鋒教育所有，未經(jīng)許可不得擅自轉(zhuǎn)載。 </div> <div id="znwmgey" class="left-form"> <div id="slsbvec" class="left-form-left"> <div id="trajzej" class="h3">10年以上業(yè)內(nèi)強(qiáng)師集結(jié)，手把手帶你蛻變精英</div> <div id="8nsf9dk" class="list-form-item"> <i class="ypfont yp-name"></i> <input type="text" placeholder="您的姓名" name="realname" id="realname" autocomplete="off" /> </div> <div id="x7fzr34" class="list-form-item list-form-item2"> <i class="ypfont yp-shouji"></i> <input type="text" placeholder="您的電話" name="realphone" id="phone" autocomplete="off" /> </div> <div id="chvtbxs" class="h4">請您保持通訊暢通，專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通</div> <div id="t38kg3o" class="list-submit"> 免費(fèi)領(lǐng)取<br /><i class="ypfont yp-dianjitianjia"></i> </div> </div> <div id="ha3ucag" class="left-form-right"> <div id="vdtr3vt" class="h3">今日已有<span>369</span>人領(lǐng)取成功</div> <div id="xaqomcq" class="swiper-container swiper-phone swiper-no-swiping"> <div id="jbzp2lh" class="swiper-wrapper"> <div id="q88f7m8" class="swiper-slide"> 劉同學(xué) 1382860 剛剛成功領(lǐng)取 </div> <div id="35uqyes" class="swiper-slide"> 王同學(xué) 1312015 剛剛成功領(lǐng)取 </div> <div id="thhvioe" class="swiper-slide"> 張同學(xué) 1334652 剛剛成功領(lǐng)取 </div> <div id="udyoci3" class="swiper-slide"> 李同學(xué) 1358607 剛剛成功領(lǐng)取 </div> <div id="n8jh2o3" class="swiper-slide"> 楊同學(xué) 1325667 剛剛成功領(lǐng)取 </div> <div id="ff4bhpl" class="swiper-slide"> 岳同學(xué) 1346652 剛剛成功領(lǐng)取 </div> <div id="0vaze7i" class="swiper-slide"> 梁同學(xué) 1572950 剛剛成功領(lǐng)取 </div> <div id="po3u8l3" class="swiper-slide"> 劉同學(xué) 1891015 剛剛成功領(lǐng)取 </div> <div id="0b09fow" class="swiper-slide"> 張同學(xué) 1554678 剛剛成功領(lǐng)取 </div> <div id="ouaq57m" class="swiper-slide"> 鄒同學(xué) 1392907 剛剛成功領(lǐng)取 </div> <div id="mnsqw73" class="swiper-slide"> 董同學(xué) 1382867 剛剛成功領(lǐng)取 </div> <div id="ucbj8db" class="swiper-slide"> 周同學(xué) 1363602 剛剛成功領(lǐng)取 </div> </div> </div> </div> </div> </div> <div id="w838rsq" class="c_page_bottom"> <div id="nhx8vbp" class="c_page_bottom_item"> <div id="0eki7es" class="c_page_bottom_item_up"></div> <p>上一篇</p> <a href="http://www.kei0345678.cn/about/BBS/204931.html" title="204939" target="_blank">wiki收費(fèi)嗎?</a> </div> <div id="omr3agw" class="c_page_bottom_item"> <div id="0jiqzwu" class="c_page_bottom_item_next"></div> <p>下一篇</p> <a href="http://www.kei0345678.cn/about/BBS/204940.html" target="_blank" title="204939">Android WebView onPageFinished對于Document意味著什么?</a> </div> </div> <div id="ekivlja" class="left-ad"> <a href="javascript:;" onclick="open53_pc()" rel="nofollow" class="left-ad-btn"> 免費(fèi)打包獲取<i class="ypfont yp-dianjitianjia"></i> </a> </div>  <div id="jg73qlj" class="article article-hot" style="margin-top: 20px"> <div id="3y8d9o8" class="article-tit-box"> <div id="8idl0e3" class="art-tit h3"> 相關(guān)推薦<span id="ywj65a3" class="art-hot">HOT</span> </div>  </div> <div id="aqh6p2q" class="art-con"> <a href="http://www.kei0345678.cn/about/BBS/205066.html" target="_blank" class="art-item"> <div id="5evltr2" class="art-item-img"> <img src="/tywzt/tongyong15.jpg" alt="" /> </div> <div id="mc77aqd" class="art-item-info"> <div id="ohvtjon" class="h4">輸入網(wǎng)址，再按回車后面發(fā)生了什么?</div> <p> 一、輸入網(wǎng)址，再按回車后面發(fā)生了什么輸入網(wǎng)址，再按回車后面會發(fā)生：a.域名解析；b.發(fā)起TCP的3次握手；c.建立TCP連接后發(fā)起http請求；d.服務(wù)...<span>詳情>></span> </p> <span>2023-10-11 14:51:08</span> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/205057.html" target="_blank" class="art-item"> <div id="673hnvr" class="art-item-img"> <img src="/tywzt/ty65.jpg" alt="" /> </div> <div id="eu73zig" class="art-item-info"> <div id="xvmsn0n" class="h4">初學(xué)Java要掌握哪些工具?</div> <p> 一、初學(xué)Java要掌握哪些工具1、要想編寫程序，需要一個能編寫源代碼的編輯工具。例如：Notepad++；2、要想測試程序，需要一個編譯、執(zhí)行工具。...<span>詳情>></span> </p> <span>2023-10-11 14:44:14</span> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/205046.html" target="_blank" class="art-item"> <div id="jheca8p" class="art-item-img"> <img src="/tywzt/ty47.jpg" alt="" /> </div> <div id="mcpothx" class="art-item-info"> <div id="hiomc33" class="h4">Spring和Spring Boot有什么區(qū)別?</div> <p> 一、Spring和Spring Boot的區(qū)別1、基于的概念不同Spring是一個完整的企業(yè)級應(yīng)用程序開發(fā)框架，它提供了一系列的模塊，如Spring Core、Spring MV...<span>詳情>></span> </p> <span>2023-10-11 14:36:13</span> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/205043.html" target="_blank" class="art-item"> <div id="u8djz2i" class="art-item-img"> <img src="/tywzt/ty59.jpg" alt="" /> </div> <div id="kpd2on8" class="art-item-info"> <div id="fflb0ax" class="h4">APP開發(fā)和小程序開發(fā)有什么不同?</div> <p> 一、APP開發(fā)和小程序開發(fā)的不同1、平臺限制不同APP開發(fā)需要針對不同的操作系統(tǒng)，如iOS、Android等進(jìn)行開發(fā)，而小程序只能在微信、支付寶、百度...<span>詳情>></span> </p> <span>2023-10-11 14:33:12</span> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/205035.html" target="_blank" class="art-item"> <div id="3fdjwsq" class="art-item-img"> <img src="/tywzt/ty34.jpg" alt="" /> </div> <div id="t2c3a8k" class="art-item-info"> <div id="hiimzxd" class="h4">JS正則中exec與match有哪些區(qū)別?</div> <p> 一、JS正則中exec與match的區(qū)別1、匹配多個結(jié)果不同exec()方法會匹配并返回所有滿足正則表達(dá)式條件的結(jié)果，而match()方法只會返回名列前茅個滿...<span>詳情>></span> </p> <span>2023-10-11 14:25:31</span> </div> </a> </div> </div> </div> </div> <div id="ybhqv0f" class="con-right"> <div id="rms03gm" class="con-right-rywd"> <div id="kp30cbw" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>熱門推薦 </div> <div id="c3hcpdl" class="swiper3"> <a href="http://www.kei0345678.cn/about/BBS/205068.html" target="_blank"> <div id="w3ntjif" class="ypfont yp-zhiding"></div> <p>node是什么?</p> <span id="7rhndch" class="a11">沸</span> </a> <a href="http://www.kei0345678.cn/about/BBS/205066.html" target="_blank"> <div id="8j33n8g" class="ypfont yp-1"></div> <p>輸入網(wǎng)址，再按回車后面發(fā)生了什么?</p> <span id="hkazpf8" class="a21">熱</span> </a> <a href="http://www.kei0345678.cn/about/BBS/205061.html" target="_blank"> <div id="dvt2a7m" class="ypfont yp-2"></div> <p>為什么 SwiftUI 用 “some View” 作為視圖類型?</p> <span id="kd0lcsq" class="a31">熱</span> </a> <a href="http://www.kei0345678.cn/about/BBS/205058.html" target="_blank"> <div id="t2x8a8v" class="ypfont yp-3"></div> <p>兩個Framework中如果定義了相同名字的C函數(shù)會發(fā)生什么?</p> <span id="iba7tv2" class="a41">新</span> </a> <a href="http://www.kei0345678.cn/about/BBS/205057.html" target="_blank"> <div id="wx8djhp" class="a5"> 4 </div> <p>初學(xué)Java要掌握哪些工具?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205055.html" target="_blank"> <div id="w3mjhyo" class="a6"> 5 </div> <p>Java中&與&&有什么區(qū)別?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205051.html" target="_blank"> <div id="lbhnl8c" class="a7"> 6 </div> <p>UML有哪些常用關(guān)系?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205049.html" target="_blank"> <div id="zfayecc" class="a8"> 7 </div> <p>PHP中isset、empty、 is_null有什么區(qū)別?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205046.html" target="_blank"> <div id="e5gom8t" class="a9"> 8 </div> <p>Spring和Spring Boot有什么區(qū)別?</p> </a> <a href="http://www.kei0345678.cn/about/BBS/205045.html" target="_blank"> <div id="z788a3u" class="a10"> 9 </div> <p>ASM與JAVASSIST有什么區(qū)別?</p> </a> </div>  </div>  <a href="javascript:;" rel="nofollow" onclick="open53_pc()" class="right-ad"> <img src="/images/right-ad.jpg" alt="" /></a>  <div id="w87caiq" class="con-right-rywd"> <div id="2g2qntp" class="tk-tit h3"> <a class="left" href="http://www.kei0345678.cn/about/BBS/" target="_blank"><i class="ypfont yp-fabujishu" ></i>技術(shù)干貨</a> <a href="http://www.kei0345678.cn/about/BBS/" target="_blank">更多>></a> </div> <div id="q0e6o82" class="swiper2 "> <a href="http://www.kei0345678.cn/about/BBS/258998.html" class="swiper-slide" target="_blank"> <div id="vjxdbhm" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/ty33.jpg" alt="" /> </div> <div> <div id="cqp2var" class="h3">如何實(shí)現(xiàn)服務(wù)器負(fù)載均衡</div> <p>2023-12-06</p> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/258997.html" class="swiper-slide" target="_blank"> <div id="5hc77xq" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/tongyong12.jpg" alt="" /> </div> <div> <div id="0pagwpv" class="h3">linux有哪些優(yōu)勢和劣勢</div> <p>2023-12-06</p> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/258996.html" class="swiper-slide" target="_blank"> <div id="yem5vaz" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="fdr2lge" class="h3">linux需要驅(qū)動嗎</div> <p>2023-12-06</p> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/258995.html" class="swiper-slide" target="_blank"> <div id="krh53ou" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/tongyong7.jpg" alt="" /> </div> <div> <div id="5otrf8q" class="h3">android與linux的區(qū)別</div> <p>2023-12-06</p> </div> </a> <a href="http://www.kei0345678.cn/about/BBS/258994.html" class="swiper-slide" target="_blank"> <div id="8lu3bg8" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="8zxsbb3" class="h3">如何搭建基于容器的深度學(xué)習(xí)環(huán)境</div> <p>2023-12-06</p> </div> </a> </div> </div>  <div id="xvek0cq" class="con-right-rywd"> <div id="ahp8geu" class="tk-tit h3"> <a class="left" href="http://www.kei0345678.cn/zcjy/" target="_blank"><i class="ypfont yp-minzhengtubiao1-46" ></i>職場就業(yè)</a> <a href="http://www.kei0345678.cn/zcjy/" target="_blank">更多>></a> </div> <div id="luai0j4" class="swiper2 "> <a href="http://www.kei0345678.cn/zcjy/wlaq/259025.html" class="swiper-slide zcjy" target="_blank"> <div id="7rh0yon" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/ty41.jpg" alt="" /> </div> <div> <div id="j32siyw" class="h3">網(wǎng)絡(luò)安全軟件開發(fā)的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.kei0345678.cn/zcjy/python/259024.html" class="swiper-slide zcjy" target="_blank"> <div id="r3jpnsw" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/tongyong6.jpg" alt="" /> </div> <div> <div id="pqomk7w" class="h3">學(xué)會python工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.kei0345678.cn/zcjy/java/259023.html" class="swiper-slide zcjy" target="_blank"> <div id="j6pvi00" class="img-box"> <img src="http://www.kei0345678.cn//tywzt/tongyong2.jpg" alt="" /> </div> <div> <div id="hndb8iv" class="h3">學(xué)會java工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.kei0345678.cn/zcjy/linux/136992.html" class="swiper-slide zcjy" target="_blank"> <div id="gxnv0cs" class="img-box"> <img src="http://www.kei0345678.cn//2023/0428/1682660765277.png" alt="" /> </div> <div> <div id="hn7pnl2" class="h3">云計(jì)算技術(shù)就業(yè)前景以及發(fā)展方向怎樣？</div> <p>2023-08-07</p> </div> </a> </div> </div>  <div id="uirzxv2" class="con-right-rywd"> <div id="duiirp0" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>快速通道</div> <ul class="kstd"> <li> <div id="gpftj42" class="h3">培訓(xùn)機(jī)構(gòu)</div> <a href="http://www.kei0345678.cn/training/" target="_blank">了解培訓(xùn)相關(guān)</a> </li> <li> <div id="lbhq5us" class="h3">就業(yè)前景</div> <a href="http://www.kei0345678.cn/zcjy/" target="_blank">查看就業(yè)前景</a> </li> <li> <div id="edj6k33" class="h3">培訓(xùn)門檻</div> <a href="http://www.kei0345678.cn/ljc/" target="_blank">了解學(xué)習(xí)門檻</a> </li> <li> <div id="oklvzoi" class="h3">應(yīng)聘面試</div> <a href="http://www.kei0345678.cn/interview/" target="_blank">常見面試考題</a> </li> <li> <div id="ssbizdx" class="h3">就業(yè)服務(wù)</div> <a href="http://www.kei0345678.cn/employ/" target="_blank" rel="nofollow">畢業(yè)推薦就業(yè)</a> </li> <li> <div id="3zj1cwy" class="h3">師資團(tuán)隊(duì)</div> <a href="http://www.kei0345678.cn/teachers/" target="_blank" rel="nofollow">了解師資團(tuán)隊(duì)</a> </li> </ul> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/css/css3451.css"> <div id="wyurnwf" class="edu-footer"> <div id="wcvdrs8" class="base"> <div id="tyfztc3" class="con-left"> <img src="http://www.kei0345678.cn/images_index/new-logo-white.png" class="edu-footer-logo" /> <p class="edu-footer-sologan">初心至善匠心育人</p> <p class="edu-footer-phoneNumber"> <i class="icon icon-dianhua1"></i>400-811-9990 <a href="javascript:;" onclick="open53_pc()" rel="nofollow">24小時在線咨詢</a> </p> </div> <div id="w3gfrii" class="con-right"> <div id="samy83x" class="edu-footer-about-links"> <div id="unuqhzl" class="list1 list"> <div id="yanebmg" class="h4">關(guān)于千鋒</div> <ul> <li> <a href="http://www.kei0345678.cn/about/" target="_blank" rel="nofollow">千鋒簡介</a> </li> <li> <a href="http://www.kei0345678.cn/about/contact.html" target="_blank" rel="nofollow">聯(lián)系我們</a> </li> <li> <a href="http://www.kei0345678.cn/qynx/" target="_blank" rel="nofollow">企業(yè)服務(wù)</a> </li> <li> <a href="http://www.kei0345678.cn/topic/fygy.html" target="_blank" rel="nofollow">鋒益公益</a> </li> </ul> </div> <div id="8tfwj1a" class="list1 list"> <div id="dbujdr4" class="h4">學(xué)習(xí)資源</div> <ul> <li> <a target="_blank" rel="nofollow">項(xiàng)目庫</a> </li> <li> <a href="http://www.kei0345678.cn/open/" target="_blank" rel="nofollow">公開課</a> </li> <li> <a target="_blank" rel="nofollow">視頻教程</a> </li>  </ul> </div> <div id="x6qsosk" class="list1 list"> <div id="fpo1dlz" class="h4">服務(wù)指南</div> <ul> <li> <a href="javascript:;" onclick="open53_pc()" rel="nofollow">報名咨詢</a> </li> <li> <a href="javascript:;" onclick="open53_pc()" rel="nofollow">校區(qū)分布</a> </li> <li> <a href="http://www.kei0345678.cn/sitemap.html" target="_blank" rel="nofollow">網(wǎng)站地圖</a> </li> <li> <a href="http://www.kei0345678.cn/privacyPolicy.html" target="_blank" rel="nofollow">隱私聲明</a> </li> </ul> </div> </div> <div id="19espfv" class="qrcode-box"> <div id="xprt6s8" class="qrcode flex-center"> <img src="/wzt/qr-code-new.png" alt="千鋒教育" /> </div> <div id="ounwofr" class="h4">千鋒學(xué)習(xí)站 | <span>隨時隨地免費(fèi)學(xué)</span></div> </div> <div id="qjkeoq9" class="qrcode-box"> <div id="im635w8" class="qrcode flex-center"> <img src="http://www.kei0345678.cn/images_index/qr-code-new2.png" alt="千鋒教育" /> </div> <div id="5qttgjn" class="h4">掃一掃進(jìn)入千鋒手機(jī)站</div> </div> </div> </div> </div> <div id="1hsodml" class="footer-link"> <div id="pyjalo7" class="base"> <div id="m4omnqx" class="links-tab"> <span id="6tnhgz8" class="active">熱門課程</span>    </div> <div id="dzidest" class="links-a active">  <a href="http://www.kei0345678.cn/" target="_blank">IT培訓(xùn)</a> <a target="_blank">java培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/harmonyos.html" target="_blank">鴻蒙開發(fā)培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/emb.html" target="_blank">嵌入式培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/python.html" target="_blank">python培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/ui.html" target="_blank">UI培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/test.html" target="_blank">軟件測試培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/linux.html" target="_blank">云計(jì)算培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/bigdata.html" target="_blank">大數(shù)據(jù)培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/wlw.html" target="_blank">物聯(lián)網(wǎng)培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/wlw.html" target="_blank">游戲開發(fā)培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/qmt.html" target="_blank">全媒體運(yùn)營培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/ysjj.html" target="_blank">影視剪輯培訓(xùn)</a> <a href="http://www.kei0345678.cn/special/wlaq.html" target="_blank">網(wǎng)絡(luò)安全培訓(xùn)</a> </div>        </div> <div id="yo7pdjp" class="copyright"> <p class="copyright-p"> Copyright 2011-2025 <a href="javascript:;" rel="nofollow" title="千鋒互聯(lián)">北京千鋒互聯(lián)科技有限公司</a> <a rel="nofollow"> 京ICP備12003911號-3 </a> <a target="_blank" rel="nofollow" style="display: inline-block;text-decoration: none;height: 20px;line-height: 20px;"> <img src="/wzt/beian.png" />京公網(wǎng)安備 11010802030320號 </a> </p> <p>千鋒教育運(yùn)營主體：北京千鋒互聯(lián)科技有限公司，屬具備計(jì)算機(jī)技術(shù)培訓(xùn)資質(zhì)的教育培訓(xùn)機(jī)構(gòu)。</p> </div> </div> <script src="http://www.kei0345678.cn/js/jquery.min.js"></script> <script src="http://www.kei0345678.cn/js/swiper4.5.0.min.js"></script> <script src="http://www.kei0345678.cn/js/common1.js?111"></script> <script src="/js/highlight.min.js"></script> <script> hljs.highlightAll(); </script> <script> $(document).ready(function () { var href = $("#tag_click").attr("href"); if (href && href.indexOf("-0-") != -1) { var tag_code = $("#tag_click").html(); $.ajax({ url: "http://app.mobiletrain.org/tags.php", type: "get", dataType: "json", data: { tag_code: tag_code }, success: function (data) { $("#tag_click").attr( "href", "http://www.kei0345678.cn/tag-" + data + "-1.html" ); }, }); } }); if ( location.href.indexOf("/about/info/") > -1 || location.href.indexOf("/about/news/") > -1 ) { document .getElementsByClassName("topicactive")[0] .classList.remove("topicactive"); document .getElementsByClassName("interviewactive")[0] .classList.remove("interviewactive"); } else if (location.href.indexOf("/interview/") > -1) { document .getElementsByClassName("topicactive")[0] .classList.remove("topicactive"); document .getElementsByClassName("xwzxactive")[0] .classList.remove("xwzxactive"); } else { document .getElementsByClassName("xwzxactive")[0] .classList.remove("xwzxactive"); document .getElementsByClassName("interviewactive")[0] .classList.remove("interviewactive"); } new Swiper(".swiper1", { loop: true, autoplay: true, pagination: { el: ".swiper-pagination1", }, }); // new Swiper(".swiper3", { // slidesPerView: 14, // slidesPerGroup: 14, // spaceBetween: 20, // loop: true, // direction: "vertical", // // navigation: { // // nextEl: ".swiper-button-next3", // // prevEl: ".swiper-button-prev3", // // }, // }); // new Swiper(".swiper4", { // slidesPerView: 6, // slidesPerGroup: 6, // spaceBetween: 21, // loop: true, // direction: "vertical", // navigation: { // nextEl: ".swiper-button-next4", // prevEl: ".swiper-button-prev4", // }, // }); // new Swiper(".swiper-phone", { // slidesPerView: 4, // autoplay: true, // spaceBetween: 0, // loop: true, // direction: "vertical", // }); // $(".select_txt,.selet_open").hover(function (event) { // $(".option").hide(); // $(this).siblings(".option").show(); // $(".select_box").removeClass("uiChooseActiveS"); // $(this).parent(".select_box").addClass("uiChooseActiveS"); // }); // $(document).click(function (event) { // var eo = $(event.target); // if ( // $(".select_box").is(":visible") && // eo.attr("class") != "option" && // !eo.parent(".option").length // ) // $(".option").hide(); // $(".select_box").removeClass("uiChooseActiveS"); // }); // $(".option a").click(function () { // var value = $(this).text(); // $(this).parent().siblings(".select_txt").text(value); // $(".select_value").val(value); // $(".option").hide(); // $(".select_box").removeClass("uiChooseActiveS"); // }); // $(".option").each(function (d) { // var optionSize = 6; // var optionLiHeight = $(".option a").height(); // var optionVarS = $(this).find("a").length - 2; // console.log(optionVarS, optionSize); // if (optionVarS > optionSize) { // var optionSheight = 175; // $(this).height(optionSheight); // } else { // var optionLiTal = optionVarS * optionLiHeight; // $(this).height(optionLiTal); // } // }); // $(".option,.uiChooseTable,.mod_select ").mouseleave(function () { // $(".select_box").removeClass("uiChooseActiveS"); // $(".option").hide(); // }); // $(".option a").each(function () { // $(this).html("第" + $(this).text() + "頁"); // }); new Swiper(".swiper-news", { autoplay: true, loop: true, direction: "vertical", }); $(".footer-link .links-tab span").click(function () { $(this).addClass("active").siblings().removeClass("active"); $(".footer-link .links-a").removeClass("active"); $(".footer-link .links-a").eq($(this).index()).addClass("active"); }); // 開班信息模塊 function kbxx () { // var courseId = // arguments.length > 0 && arguments[0] !== undefined // ? arguments[0] // : 13; var cityId = arguments[0] !== undefined ? arguments[0] : 10; $.ajax({ url: "https://owzsapi.qfedu.com/v1/api/openApiRestController/getAllClass?type=1", type: "GET", success: function success (res) { var r = ""; var curTime = new Date().getTime(); var filterArr = res.data.filter(function (v) { return v.cityId == cityId; }); console.log(filterArr); filterArr.reverse().forEach(function (v, idx) { // 最大條數(shù) if (idx > 14) return; // 判斷時間 var timeMode = "預(yù)約占座"; var kbTime = new Date(v.beginTime).getTime(); // 一個月 if (kbTime - curTime > 2592000000) { timeMode = "預(yù)約占座"; } if (kbTime - curTime > 0 && kbTime - curTime < 2642268030) { timeMode = "即將報滿"; } if (kbTime - curTime < 0) { timeMode = "爆滿開班"; } r += "<li id="lc3lbr2" class='swiper-slide'>\n <a href='javascript:;' rel='nofollow' onclick='open53_pc()'>\n <span>" + (v.name.replace(v.cityName, "").split("班")[0] + "班") + "</span>\n <span>" + v.beginTime + "</span>\n <span data-mode='" + (timeMode === "即將報滿" ? 0 : timeMode === "爆滿開班" ? 2 : 1) + "'>" + timeMode + " " + (timeMode === "即將報滿" ? "" : "") + "</span>\n </a>\n </li>"; }); $(".des-right-classes .swiper-wrapper").html(r); new Swiper(".swiper6", { slidesPerView: 5, slidesPerGroup: 5, spaceBetween: 10, loop: true, autoplay: true, direction: "vertical", }); }, }); } kbxx(10); $(".kbxx_showXq_btn").click(function () { $(".kbxx_showXq_box").css("display", "block"); }); $(".kbxx_showXq_box ul li").click(function () { kbxx($(this).data("cityid")); $(".choose-xq").html($(this).context.innerText); $(".kbxx_showXq_box").css("display", "none"); }); /表單提交start/ // (function () { // var timer = setInterval(function () { // if (window.$) { // clearInterval(timer); // $(".list-submit").click(function () { // var params = { // name: $("#realname").val(), // phone: $("#phone").val(), // }; // var phReg = /^[\u4e00-\u9fa5a-zA-Z0-9-]{2,20}$/; // var nameReg = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]8$/; // // if (!nameReg.test($("#realname").val())) { // // alert("請正確輸入姓名"); // // return; // // } // if (!phReg.test($("#phone").val())) { // alert("請正確輸入手機(jī)號"); // return; // } // $.ajax({ // type: "POST", // contentType: "application/json", // url: // "http://api-newzs.1000phone.net//v1/api/seoFormController/add", // data: JSON.stringify(params), // success: function success(res) { // alert(res.msg); // }, // }); // }); // } // }, 1000); // })(); /表單提交end****/ console.log($(".content-left-box-child").height()); console.log($(".content-right-box-child").height()); if ( $(".content-left-box-child").height() > $(".content-right-box-child").height() ) { $(".content-right-box-child").addClass("sticky"); } else if ( $(".content-left-box-child").height() < $(".content-right-box-child").height() ) { $(".content-left-box-child").addClass("sticky"); } // var bot = // $(".con-right-rywd").offset().top + // $(".con-right-rywd").outerHeight() - // $(window).height() + // 30; // console.log(bot); // var left = $("#fixTop").offset().left; // $(document).scroll(function () { // var scroH = $(document).scrollTop(); // var footTop = $(".edu-footer").offset().top - $(window).height(); // if (scroH > bot) { // $("#fixTop").addClass("rig_fixed"); // $("#fixTop").css({ left: left }); // if (scroH > footTop) { // $("#fixTop").addClass("rig_bottom"); // $("#fixTop").css({ left: "909px" }); // } else { // $("#fixTop").removeClass("rig_bottom"); // // $("#fixTop").css({ left: "auto" }); // } // } else { // $("#fixTop").removeClass("rig_fixed"); // $("#fixTop").removeClass("rig_bottom"); // // $("#fixTop").css({ left: "auto" }); // } // }); </script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.kei0345678.cn/" title="国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地">国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="4n9t8" class="pl_css_ganrao" style="display: none;"><cite id="4n9t8"></cite><acronym id="4n9t8"></acronym><strong id="4n9t8"><div id="4n9t8"><rp id="4n9t8"></rp></div></strong><listing id="4n9t8"></listing><em id="4n9t8"></em><b id="4n9t8"></b><label id="4n9t8"><sub id="4n9t8"><form id="4n9t8"></form></sub></label><rp id="4n9t8"></rp><cite id="4n9t8"><sup id="4n9t8"><table id="4n9t8"></table></sup></cite><wbr id="4n9t8"></wbr><tr id="4n9t8"><cite id="4n9t8"><center id="4n9t8"></center></cite></tr><div id="4n9t8"></div><del id="4n9t8"></del><pre id="4n9t8"></pre><samp id="4n9t8"><em id="4n9t8"><s id="4n9t8"></s></em></samp><strong id="4n9t8"><address id="4n9t8"><u id="4n9t8"></u></address></strong><tbody id="4n9t8"></tbody><cite id="4n9t8"></cite><font id="4n9t8"><strong id="4n9t8"><div id="4n9t8"></div></strong></font><abbr id="4n9t8"><fieldset id="4n9t8"><pre id="4n9t8"></pre></fieldset></abbr><center id="4n9t8"><acronym id="4n9t8"><nav id="4n9t8"></nav></acronym></center><pre id="4n9t8"></pre><tr id="4n9t8"></tr><ruby id="4n9t8"><strong id="4n9t8"><address id="4n9t8"></address></strong></ruby><code id="4n9t8"><wbr id="4n9t8"><ul id="4n9t8"></ul></wbr></code><option id="4n9t8"></option><th id="4n9t8"></th><s id="4n9t8"></s><bdo id="4n9t8"><tbody id="4n9t8"><em id="4n9t8"></em></tbody></bdo><strike id="4n9t8"><acronym id="4n9t8"><nav id="4n9t8"></nav></acronym></strike><pre id="4n9t8"><menu id="4n9t8"><dd id="4n9t8"></dd></menu></pre><acronym id="4n9t8"></acronym><em id="4n9t8"></em><form id="4n9t8"></form><abbr id="4n9t8"><fieldset id="4n9t8"><pre id="4n9t8"></pre></fieldset></abbr><wbr id="4n9t8"><sup id="4n9t8"><table id="4n9t8"></table></sup></wbr><i id="4n9t8"></i><small id="4n9t8"></small><menu id="4n9t8"><object id="4n9t8"><blockquote id="4n9t8"></blockquote></object></menu><option id="4n9t8"></option><small id="4n9t8"><style id="4n9t8"><progress id="4n9t8"></progress></style></small><strike id="4n9t8"></strike><nav id="4n9t8"><strike id="4n9t8"><tr id="4n9t8"></tr></strike></nav><tbody id="4n9t8"><del id="4n9t8"><bdo id="4n9t8"></bdo></del></tbody><strike id="4n9t8"></strike><noscript id="4n9t8"><th id="4n9t8"><pre id="4n9t8"></pre></th></noscript><nav id="4n9t8"></nav><dfn id="4n9t8"><span id="4n9t8"><small id="4n9t8"></small></span></dfn><object id="4n9t8"><tr id="4n9t8"><option id="4n9t8"></option></tr></object><dfn id="4n9t8"><span id="4n9t8"><ins id="4n9t8"></ins></span></dfn><th id="4n9t8"></th><p id="4n9t8"><strike id="4n9t8"><acronym id="4n9t8"></acronym></strike></p><mark id="4n9t8"><listing id="4n9t8"><pre id="4n9t8"></pre></listing></mark><pre id="4n9t8"><sup id="4n9t8"><table id="4n9t8"></table></sup></pre><wbr id="4n9t8"><sup id="4n9t8"><table id="4n9t8"></table></sup></wbr><noscript id="4n9t8"></noscript><progress id="4n9t8"></progress><rp id="4n9t8"></rp><tbody id="4n9t8"></tbody><pre id="4n9t8"><abbr id="4n9t8"><fieldset id="4n9t8"></fieldset></abbr></pre><address id="4n9t8"><u id="4n9t8"><strike id="4n9t8"></strike></u></address><ins id="4n9t8"><style id="4n9t8"><span id="4n9t8"></span></style></ins><div id="4n9t8"></div><pre id="4n9t8"></pre><strike id="4n9t8"></strike><style id="4n9t8"></style><ruby id="4n9t8"></ruby><menu id="4n9t8"><th id="4n9t8"><abbr id="4n9t8"></abbr></th></menu><u id="4n9t8"><strike id="4n9t8"><ins id="4n9t8"></ins></strike></u><del id="4n9t8"><bdo id="4n9t8"><tbody id="4n9t8"></tbody></bdo></del><bdo id="4n9t8"><source id="4n9t8"><em id="4n9t8"></em></source></bdo><acronym id="4n9t8"></acronym><ruby id="4n9t8"></ruby><listing id="4n9t8"></listing><nav id="4n9t8"></nav><pre id="4n9t8"></pre><span id="4n9t8"><track id="4n9t8"><style id="4n9t8"></style></track></span><form id="4n9t8"><label id="4n9t8"><sub id="4n9t8"></sub></label></form><nav id="4n9t8"><strike id="4n9t8"><samp id="4n9t8"></samp></strike></nav><pre id="4n9t8"></pre><label id="4n9t8"></label><wbr id="4n9t8"><option id="4n9t8"><code id="4n9t8"></code></option></wbr><span id="4n9t8"><pre id="4n9t8"><abbr id="4n9t8"></abbr></pre></span><center id="4n9t8"><listing id="4n9t8"><cite id="4n9t8"></cite></listing></center><tbody id="4n9t8"></tbody><pre id="4n9t8"></pre><abbr id="4n9t8"></abbr><th id="4n9t8"></th><sub id="4n9t8"></sub><ins id="4n9t8"><u id="4n9t8"><strike id="4n9t8"></strike></u></ins><th id="4n9t8"></th><dl id="4n9t8"></dl><ruby id="4n9t8"><strong id="4n9t8"><address id="4n9t8"></address></strong></ruby><ul id="4n9t8"></ul><font id="4n9t8"></font><dd id="4n9t8"><abbr id="4n9t8"><fieldset id="4n9t8"></fieldset></abbr></dd><p id="4n9t8"></p><tbody id="4n9t8"><strike id="4n9t8"><acronym id="4n9t8"></acronym></strike></tbody><strike id="4n9t8"><tr id="4n9t8"><cite id="4n9t8"></cite></tr></strike><label id="4n9t8"><address id="4n9t8"><ruby id="4n9t8"></ruby></address></label><address id="4n9t8"><u id="4n9t8"><strike id="4n9t8"></strike></u></address><cite id="4n9t8"><ul id="4n9t8"><code id="4n9t8"></code></ul></cite><legend id="4n9t8"></legend><meter id="4n9t8"><th id="4n9t8"><dl id="4n9t8"></dl></th></meter><del id="4n9t8"><bdo id="4n9t8"><tbody id="4n9t8"></tbody></bdo></del><object id="4n9t8"><tr id="4n9t8"><noscript id="4n9t8"></noscript></tr></object><menu id="4n9t8"><dd id="4n9t8"><abbr id="4n9t8"></abbr></dd></menu><ins id="4n9t8"><abbr id="4n9t8"><menu id="4n9t8"></menu></abbr></ins><blockquote id="4n9t8"></blockquote><em id="4n9t8"><label id="4n9t8"><legend id="4n9t8"></legend></label></em><progress id="4n9t8"><del id="4n9t8"><abbr id="4n9t8"></abbr></del></progress><bdo id="4n9t8"><source id="4n9t8"><del id="4n9t8"></del></source></bdo><fieldset id="4n9t8"><dd id="4n9t8"><abbr id="4n9t8"></abbr></dd></fieldset><pre id="4n9t8"><b id="4n9t8"><i id="4n9t8"></i></b></pre><span id="4n9t8"><small id="4n9t8"><dfn id="4n9t8"></dfn></small></span><sup id="4n9t8"></sup><ruby id="4n9t8"><strong id="4n9t8"><address id="4n9t8"></address></strong></ruby><object id="4n9t8"><tr id="4n9t8"><option id="4n9t8"></option></tr></object><p id="4n9t8"></p><dl id="4n9t8"><ruby id="4n9t8"><strong id="4n9t8"></strong></ruby></dl><noscript id="4n9t8"><object id="4n9t8"><blockquote id="4n9t8"></blockquote></object></noscript><div id="4n9t8"><samp id="4n9t8"><tbody id="4n9t8"></tbody></samp></div><cite id="4n9t8"><sup id="4n9t8"><tr id="4n9t8"></tr></sup></cite><dd id="4n9t8"><blockquote id="4n9t8"><noscript id="4n9t8"></noscript></blockquote></dd><sup id="4n9t8"></sup><track id="4n9t8"><ol id="4n9t8"><font id="4n9t8"></font></ol></track><tr id="4n9t8"></tr><label id="4n9t8"><address id="4n9t8"><u id="4n9t8"></u></address></label><progress id="4n9t8"><track id="4n9t8"><ol id="4n9t8"></ol></track></progress><object id="4n9t8"><tr id="4n9t8"><ul id="4n9t8"></ul></tr></object><i id="4n9t8"></i><dl id="4n9t8"></dl><legend id="4n9t8"><ruby id="4n9t8"><strong id="4n9t8"></strong></ruby></legend><bdo id="4n9t8"><fieldset id="4n9t8"><pre id="4n9t8"></pre></fieldset></bdo><i id="4n9t8"></i><dd id="4n9t8"></dd><b id="4n9t8"></b><label id="4n9t8"></label><ol id="4n9t8"></ol><tr id="4n9t8"><sup id="4n9t8"><code id="4n9t8"></code></sup></tr><tr id="4n9t8"></tr><source id="4n9t8"><dd id="4n9t8"><abbr id="4n9t8"></abbr></dd></source><option id="4n9t8"></option><source id="4n9t8"></source><samp id="4n9t8"></samp><dd id="4n9t8"><abbr id="4n9t8"><fieldset id="4n9t8"></fieldset></abbr></dd><th id="4n9t8"></th><dd id="4n9t8"></dd><abbr id="4n9t8"><fieldset id="4n9t8"><pre id="4n9t8"></pre></fieldset></abbr><listing id="4n9t8"><pre id="4n9t8"><b id="4n9t8"></b></pre></listing></div> </html>

国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

HTML、CSS、JavaScript分別實(shí)現(xiàn)什么功能?