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

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

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

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

、

和

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

、

–
、、和等標(biāo)簽定義了各種類型的內(nèi)容元素。超鏈接：HTML 使用標(biāo)簽創(chuàng)建超鏈接，實(shí)現(xiàn)網(wǎng)頁(yè)之間的跳轉(zhuǎn)和資源的引用。超鏈接是 Web 的基石，它使得 Web 成為一個(gè)互聯(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)頁(yè)樣式的語(yǔ)言，它負(fù)責(zé)定義網(wǎng)頁(yè)的布局、顏色、字體、邊距等視覺樣式。CSS 可以將樣式與 HTML 內(nèi)容分離，使得網(wǎng)頁(yè)更易于維護(hù)和設(shè)計(jì)。以下是 CSS 的主要功能：</p>布局：CSS 控制網(wǎng)頁(yè)元素的位置和排列方式。例如，使用 Flexbox、Grid 和定位（positioning）等布局模型對(duì)元素進(jìn)行對(duì)齊、排列和定位。樣式：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)頁(yè)能夠根據(jù)不同設(shè)備和屏幕尺寸自適應(yīng)顯示。動(dòng)畫和過渡：CSS 提供了動(dòng)畫（animation）和過渡（transition）功能，以實(shí)現(xiàn)平滑的視覺效果和交互動(dòng)畫。<p style="text-indent: 2em;"><strong>3、JavaScript（JS）</strong></p><p style="text-indent: 2em;">JavaScript 是一種用于實(shí)現(xiàn)網(wǎng)頁(yè)交互的腳本語(yǔ)言。它可以運(yùn)行在瀏覽器端，使得網(wǎng)頁(yè)具有豐富的交互功能和動(dòng)態(tài)效果。與 HTML 和 CSS 分別負(fù)責(zé)網(wǎng)頁(yè)的結(jié)構(gòu)和樣式不同，JavaScript 主要關(guān)注網(wǎng)頁(yè)的行為和邏輯。以下是 JavaScript 的主要功能：</p>DOM 操作：JavaScript 可以操作文檔對(duì)象模型（DOM），實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)元素的增加、刪除、修改等操作。這使得網(wǎng)頁(yè)能夠根據(jù)用戶操作或其他條件動(dòng)態(tài)地改變內(nèi)容和結(jié)構(gòu)。事件處理：JavaScript 可以監(jiān)聽和處理網(wǎng)頁(yè)事件，例如點(diǎn)擊、滾動(dòng)、輸入等。通過處理這些事件，可以實(shí)現(xiàn)用戶與網(wǎng)頁(yè)的交互，例如展開菜單、彈出對(duì)話框等。數(shù)據(jù)處理：JavaScript 可以處理數(shù)據(jù)，例如獲取用戶輸入、計(jì)算結(jié)果、驗(yàn)證數(shù)據(jù)等。這使得網(wǎng)頁(yè)具有處理和響應(yīng)用戶數(shù)據(jù)的能力。異步請(qǐng)求：JavaScript 可以發(fā)起異步請(qǐng)求，實(shí)現(xiàn)與服務(wù)器的數(shù)據(jù)交換。這使得網(wǎng)頁(yè)能夠在不刷新頁(yè)面的情況下更新數(shù)據(jù)，提高用戶體驗(yàn)。例如，通過 AJAX（Asynchronous JavaScript and XML）或 Fetch API 獲取數(shù)據(jù)、提交表單等。動(dòng)畫效果：雖然 CSS 可以實(shí)現(xiàn)一定程度的動(dòng)畫效果，但 JavaScript 提供了更強(qiáng)大和靈活的動(dòng)畫控制能力。例如，使用 <code>requestAnimationFrame</code> 實(shí)現(xiàn)高性能動(dòng)畫、利用第三方庫(kù)（如 GreenSock、Three.js 等）創(chuàng)建復(fù)雜的動(dòng)畫和視覺效果。<p style="text-indent: 2em;"><strong>延伸閱讀1：什么是JavaScript</strong></p><p style="text-indent: 2em;">JavaScript（簡(jiǎn)稱“JS”）是一種具有函數(shù)優(yōu)先的輕量級(jí)，解釋型或即時(shí)編譯型的編程語(yǔ)言。雖然它是作為開發(fā)Web頁(yè)面的腳本語(yǔ)言而出名，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript基于原型編程、多范式的動(dòng)態(tài)腳本語(yǔ)言，并且支持面向?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管理層希望它外觀看起來(lái)像Java，因此取名為JavaScript。但實(shí)際上它的語(yǔ)法風(fēng)格與Self及Scheme較為接近。</p></div> <div id="gtefx5q" class="tag-wrap" style="margin: 30px auto 0;width: 810px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;"> <span id="znuqb86" 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.2667701.com/tag-0-1.html">it技術(shù)干貨</a> </div> <div id="kyjubhr" class="con-left-bottom"> 聲明：本站稿件版權(quán)均屬千鋒教育所有，未經(jīng)許可不得擅自轉(zhuǎn)載。 </div> <div id="vqmibj3" class="left-form"> <div id="hrux5cj" class="left-form-left"> <div id="r835zo3" class="h3">10年以上業(yè)內(nèi)強(qiáng)師集結(jié)，手把手帶你蛻變精英</div> <div id="cmadkdc" class="list-form-item"> <i class="ypfont yp-name"></i> <input type="text" placeholder="您的姓名" name="realname" id="realname" autocomplete="off" /> </div> <div id="kn5ok5p" 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="beeals0" class="h4">請(qǐng)您保持通訊暢通，專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通</div> <div id="yxvdo83" class="list-submit"> 免費(fèi)領(lǐng)取<br /><i class="ypfont yp-dianjitianjia"></i> </div> </div> <div id="thdhdr5" class="left-form-right"> <div id="wvrnvyq" class="h3">今日已有<span>369</span>人領(lǐng)取成功</div> <div id="30nqcy3" class="swiper-container swiper-phone swiper-no-swiping"> <div id="0dzho83" class="swiper-wrapper"> <div id="0pb8mn8" class="swiper-slide"> 劉同學(xué) 1382860 剛剛成功領(lǐng)取 </div> <div id="kt8bv88" class="swiper-slide"> 王同學(xué) 1312015 剛剛成功領(lǐng)取 </div> <div id="xadi8gc" class="swiper-slide"> 張同學(xué) 1334652 剛剛成功領(lǐng)取 </div> <div id="yti0vr8" class="swiper-slide"> 李同學(xué) 1358607 剛剛成功領(lǐng)取 </div> <div id="8hhbty8" class="swiper-slide"> 楊同學(xué) 1325667 剛剛成功領(lǐng)取 </div> <div id="g5cubbj" class="swiper-slide"> 岳同學(xué) 1346652 剛剛成功領(lǐng)取 </div> <div id="xl8qi5o" class="swiper-slide"> 梁同學(xué) 1572950 剛剛成功領(lǐng)取 </div> <div id="any5ld8" class="swiper-slide"> 劉同學(xué) 1891015 剛剛成功領(lǐng)取 </div> <div id="lok5aa3" class="swiper-slide"> 張同學(xué) 1554678 剛剛成功領(lǐng)取 </div> <div id="w8ta8bb" class="swiper-slide"> 鄒同學(xué) 1392907 剛剛成功領(lǐng)取 </div> <div id="vcf0dr3" class="swiper-slide"> 董同學(xué) 1382867 剛剛成功領(lǐng)取 </div> <div id="zmy3jd1" class="swiper-slide"> 周同學(xué) 1363602 剛剛成功領(lǐng)取 </div> </div> </div> </div> </div> </div> <div id="hcy35fc" class="c_page_bottom"> <div id="udxq5zt" class="c_page_bottom_item"> <div id="q5ozvrr" class="c_page_bottom_item_up"></div> <p>上一篇</p> <a href="http://www.2667701.com/about/BBS/204931.html" title="204939" target="_blank">wiki收費(fèi)嗎?</a> </div> <div id="cls63gh" class="c_page_bottom_item"> <div id="0mx18bm" class="c_page_bottom_item_next"></div> <p>下一篇</p> <a href="http://www.2667701.com/about/BBS/204940.html" target="_blank" title="204939">Android WebView onPageFinished對(duì)于Document意味著什么?</a> </div> </div> <div id="3yyzrol" 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="x85euyj" class="article article-hot" style="margin-top: 20px"> <div id="0xt868k" class="article-tit-box"> <div id="z0vjyqp" class="art-tit h3"> 相關(guān)推薦<span id="5mt6sht" class="art-hot">HOT</span> </div>  </div> <div id="ga0ea0m" class="art-con"> <a href="http://www.2667701.com/about/BBS/205066.html" target="_blank" class="art-item"> <div id="hvv3hst" class="art-item-img"> <img src="/tywzt/tongyong15.jpg" alt="" /> </div> <div id="o80ht3c" class="art-item-info"> <div id="l5odryj" class="h4">輸入網(wǎng)址，再按回車后面發(fā)生了什么?</div> <p> 一、輸入網(wǎng)址，再按回車后面發(fā)生了什么輸入網(wǎng)址，再按回車后面會(huì)發(fā)生：a.域名解析；b.發(fā)起TCP的3次握手；c.建立TCP連接后發(fā)起http請(qǐng)求；d.服務(wù)...<span>詳情>></span> </p> <span>2023-10-11 14:51:08</span> </div> </a> <a href="http://www.2667701.com/about/BBS/205057.html" target="_blank" class="art-item"> <div id="b85vc30" class="art-item-img"> <img src="/tywzt/ty65.jpg" alt="" /> </div> <div id="zjunjmj" class="art-item-info"> <div id="85mb8gj" class="h4">初學(xué)Java要掌握哪些工具?</div> <p> 一、初學(xué)Java要掌握哪些工具1、要想編寫程序，需要一個(gè)能編寫源代碼的編輯工具。例如：Notepad++；2、要想測(cè)試程序，需要一個(gè)編譯、執(zhí)行工具。...<span>詳情>></span> </p> <span>2023-10-11 14:44:14</span> </div> </a> <a href="http://www.2667701.com/about/BBS/205046.html" target="_blank" class="art-item"> <div id="asoh5pa" class="art-item-img"> <img src="/tywzt/ty47.jpg" alt="" /> </div> <div id="yoks5qv" class="art-item-info"> <div id="tyv130p" class="h4">Spring和Spring Boot有什么區(qū)別?</div> <p> 一、Spring和Spring Boot的區(qū)別1、基于的概念不同Spring是一個(gè)完整的企業(yè)級(jí)應(yīng)用程序開發(fā)框架，它提供了一系列的模塊，如Spring Core、Spring MV...<span>詳情>></span> </p> <span>2023-10-11 14:36:13</span> </div> </a> <a href="http://www.2667701.com/about/BBS/205043.html" target="_blank" class="art-item"> <div id="poejj0j" class="art-item-img"> <img src="/tywzt/ty59.jpg" alt="" /> </div> <div id="jqk66us" class="art-item-info"> <div id="3ocstah" class="h4">APP開發(fā)和小程序開發(fā)有什么不同?</div> <p> 一、APP開發(fā)和小程序開發(fā)的不同1、平臺(tái)限制不同APP開發(fā)需要針對(duì)不同的操作系統(tǒng)，如iOS、Android等進(jìn)行開發(fā)，而小程序只能在微信、支付寶、百度...<span>詳情>></span> </p> <span>2023-10-11 14:33:12</span> </div> </a> <a href="http://www.2667701.com/about/BBS/205035.html" target="_blank" class="art-item"> <div id="k80dq30" class="art-item-img"> <img src="/tywzt/ty34.jpg" alt="" /> </div> <div id="wz0ds85" class="art-item-info"> <div id="gj5gg5v" class="h4">JS正則中exec與match有哪些區(qū)別?</div> <p> 一、JS正則中exec與match的區(qū)別1、匹配多個(gè)結(jié)果不同exec()方法會(huì)匹配并返回所有滿足正則表達(dá)式條件的結(jié)果，而match()方法只會(huì)返回名列前茅個(gè)滿...<span>詳情>></span> </p> <span>2023-10-11 14:25:31</span> </div> </a> </div> </div> </div> </div> <div id="5vy1ppw" class="con-right"> <div id="iawl5uj" class="con-right-rywd"> <div id="kgu8185" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>熱門推薦 </div> <div id="kr5zk33" class="swiper3"> <a href="http://www.2667701.com/about/BBS/205068.html" target="_blank"> <div id="vnuaw88" class="ypfont yp-zhiding"></div> <p>node是什么?</p> <span id="d05uq1y" class="a11">沸</span> </a> <a href="http://www.2667701.com/about/BBS/205066.html" target="_blank"> <div id="lsb133i" class="ypfont yp-1"></div> <p>輸入網(wǎng)址，再按回車后面發(fā)生了什么?</p> <span id="30nd5fb" class="a21">熱</span> </a> <a href="http://www.2667701.com/about/BBS/205061.html" target="_blank"> <div id="g0cq35n" class="ypfont yp-2"></div> <p>為什么 SwiftUI 用 “some View” 作為視圖類型?</p> <span id="ll8qv6m" class="a31">熱</span> </a> <a href="http://www.2667701.com/about/BBS/205058.html" target="_blank"> <div id="50gy5sz" class="ypfont yp-3"></div> <p>兩個(gè)Framework中如果定義了相同名字的C函數(shù)會(huì)發(fā)生什么?</p> <span id="otizdha" class="a41">新</span> </a> <a href="http://www.2667701.com/about/BBS/205057.html" target="_blank"> <div id="ok0wklh" class="a5"> 4 </div> <p>初學(xué)Java要掌握哪些工具?</p> </a> <a href="http://www.2667701.com/about/BBS/205055.html" target="_blank"> <div id="q5nu8or" class="a6"> 5 </div> <p>Java中&與&&有什么區(qū)別?</p> </a> <a href="http://www.2667701.com/about/BBS/205051.html" target="_blank"> <div id="sldqygy" class="a7"> 6 </div> <p>UML有哪些常用關(guān)系?</p> </a> <a href="http://www.2667701.com/about/BBS/205049.html" target="_blank"> <div id="atbqc3w" class="a8"> 7 </div> <p>PHP中isset、empty、 is_null有什么區(qū)別?</p> </a> <a href="http://www.2667701.com/about/BBS/205046.html" target="_blank"> <div id="qz5ti8x" class="a9"> 8 </div> <p>Spring和Spring Boot有什么區(qū)別?</p> </a> <a href="http://www.2667701.com/about/BBS/205045.html" target="_blank"> <div id="zm8yjzg" 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="obuepmw" class="con-right-rywd"> <div id="55bp3yd" class="tk-tit h3"> <a class="left" href="http://www.2667701.com/about/BBS/" target="_blank"><i class="ypfont yp-fabujishu" ></i>技術(shù)干貨</a> <a href="http://www.2667701.com/about/BBS/" target="_blank">更多>></a> </div> <div id="xvvcz1m" class="swiper2 "> <a href="http://www.2667701.com/about/BBS/258998.html" class="swiper-slide" target="_blank"> <div id="lfrvckv" class="img-box"> <img src="http://www.2667701.com//tywzt/ty33.jpg" alt="" /> </div> <div> <div id="oa3hk6r" class="h3">如何實(shí)現(xiàn)服務(wù)器負(fù)載均衡</div> <p>2023-12-06</p> </div> </a> <a href="http://www.2667701.com/about/BBS/258997.html" class="swiper-slide" target="_blank"> <div id="88ohx88" class="img-box"> <img src="http://www.2667701.com//tywzt/tongyong12.jpg" alt="" /> </div> <div> <div id="tqiy8so" class="h3">linux有哪些優(yōu)勢(shì)和劣勢(shì)</div> <p>2023-12-06</p> </div> </a> <a href="http://www.2667701.com/about/BBS/258996.html" class="swiper-slide" target="_blank"> <div id="3mrnun0" class="img-box"> <img src="http://www.2667701.com//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="dl5bp38" class="h3">linux需要驅(qū)動(dòng)嗎</div> <p>2023-12-06</p> </div> </a> <a href="http://www.2667701.com/about/BBS/258995.html" class="swiper-slide" target="_blank"> <div id="dpphi6p" class="img-box"> <img src="http://www.2667701.com//tywzt/tongyong7.jpg" alt="" /> </div> <div> <div id="uhhdzel" class="h3">android與linux的區(qū)別</div> <p>2023-12-06</p> </div> </a> <a href="http://www.2667701.com/about/BBS/258994.html" class="swiper-slide" target="_blank"> <div id="corc5hx" class="img-box"> <img src="http://www.2667701.com//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="58wd3xp" class="h3">如何搭建基于容器的深度學(xué)習(xí)環(huán)境</div> <p>2023-12-06</p> </div> </a> </div> </div>  <div id="aj8dsx3" class="con-right-rywd"> <div id="rb0dv3c" class="tk-tit h3"> <a class="left" href="http://www.2667701.com/zcjy/" target="_blank"><i class="ypfont yp-minzhengtubiao1-46" ></i>職場(chǎng)就業(yè)</a> <a href="http://www.2667701.com/zcjy/" target="_blank">更多>></a> </div> <div id="hieqxjx" class="swiper2 "> <a href="http://www.2667701.com/zcjy/wlaq/259025.html" class="swiper-slide zcjy" target="_blank"> <div id="diuh3rg" class="img-box"> <img src="http://www.2667701.com//tywzt/ty41.jpg" alt="" /> </div> <div> <div id="ol8mx88" class="h3">網(wǎng)絡(luò)安全軟件開發(fā)的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.2667701.com/zcjy/python/259024.html" class="swiper-slide zcjy" target="_blank"> <div id="i0sz85g" class="img-box"> <img src="http://www.2667701.com//tywzt/tongyong6.jpg" alt="" /> </div> <div> <div id="v33as1z" class="h3">學(xué)會(huì)python工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.2667701.com/zcjy/java/259023.html" class="swiper-slide zcjy" target="_blank"> <div id="jl3rz1m" class="img-box"> <img src="http://www.2667701.com//tywzt/tongyong2.jpg" alt="" /> </div> <div> <div id="tvj8fxe" class="h3">學(xué)會(huì)java工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.2667701.com/zcjy/linux/136992.html" class="swiper-slide zcjy" target="_blank"> <div id="nwoh3zr" class="img-box"> <img src="http://www.2667701.com//2023/0428/1682660765277.png" alt="" /> </div> <div> <div id="tmiun88" class="h3">云計(jì)算技術(shù)就業(yè)前景以及發(fā)展方向怎樣？</div> <p>2023-08-07</p> </div> </a> </div> </div>  <div id="318bxdv" class="con-right-rywd"> <div id="580jk6x" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>快速通道</div> <ul class="kstd"> <li> <div id="egfmpt5" class="h3">培訓(xùn)機(jī)構(gòu)</div> <a href="http://www.2667701.com/training/" target="_blank">了解培訓(xùn)相關(guān)</a> </li> <li> <div id="ar8ewip" class="h3">就業(yè)前景</div> <a href="http://www.2667701.com/zcjy/" target="_blank">查看就業(yè)前景</a> </li> <li> <div id="wnhsw1t" class="h3">培訓(xùn)門檻</div> <a href="http://www.2667701.com/ljc/" target="_blank">了解學(xué)習(xí)門檻</a> </li> <li> <div id="31ahgsg" class="h3">應(yīng)聘面試</div> <a href="http://www.2667701.com/interview/" target="_blank">常見面試考題</a> </li> <li> <div id="l5mqbzv" class="h3">就業(yè)服務(wù)</div> <a href="http://www.2667701.com/employ/" target="_blank" rel="nofollow">畢業(yè)推薦就業(yè)</a> </li> <li> <div id="dquma8p" class="h3">師資團(tuán)隊(duì)</div> <a href="http://www.2667701.com/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="tfr0fqr" class="edu-footer"> <div id="lncyimx" class="base"> <div id="mj0seuu" class="con-left"> <img src="http://www.2667701.com/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小時(shí)在線咨詢</a> </p> </div> <div id="ofmmt6h" class="con-right"> <div id="obxiiil" class="edu-footer-about-links"> <div id="fdgnyy8" class="list1 list"> <div id="rs5bygu" class="h4">關(guān)于千鋒</div> <ul> <li> <a href="http://www.2667701.com/about/" target="_blank" rel="nofollow">千鋒簡(jiǎn)介</a> </li> <li> <a href="http://www.2667701.com/about/contact.html" target="_blank" rel="nofollow">聯(lián)系我們</a> </li> <li> <a href="http://www.2667701.com/qynx/" target="_blank" rel="nofollow">企業(yè)服務(wù)</a> </li> <li> <a href="http://www.2667701.com/topic/fygy.html" target="_blank" rel="nofollow">鋒益公益</a> </li> </ul> </div> <div id="opli5ef" class="list1 list"> <div id="is0ub8x" class="h4">學(xué)習(xí)資源</div> <ul> <li> <a target="_blank" rel="nofollow">項(xiàng)目庫(kù)</a> </li> <li> <a href="http://www.2667701.com/open/" target="_blank" rel="nofollow">公開課</a> </li> <li> <a target="_blank" rel="nofollow">視頻教程</a> </li>  </ul> </div> <div id="l0rc8hk" class="list1 list"> <div id="ul8li30" class="h4">服務(wù)指南</div> <ul> <li> <a href="javascript:;" onclick="open53_pc()" rel="nofollow">報(bào)名咨詢</a> </li> <li> <a href="javascript:;" onclick="open53_pc()" rel="nofollow">校區(qū)分布</a> </li> <li> <a href="http://www.2667701.com/sitemap.html" target="_blank" rel="nofollow">網(wǎng)站地圖</a> </li> <li> <a href="http://www.2667701.com/privacyPolicy.html" target="_blank" rel="nofollow">隱私聲明</a> </li> </ul> </div> </div> <div id="8180jfx" class="qrcode-box"> <div id="d85vail" class="qrcode flex-center"> <img src="/wzt/qr-code-new.png" alt="千鋒教育" /> </div> <div id="r30taao" class="h4">千鋒學(xué)習(xí)站 | <span>隨時(shí)隨地免費(fèi)學(xué)</span></div> </div> <div id="qok3rh8" class="qrcode-box"> <div id="yoly3xt" class="qrcode flex-center"> <img src="http://www.2667701.com/images_index/qr-code-new2.png" alt="千鋒教育" /> </div> <div id="mdzzznu" class="h4">掃一掃進(jìn)入千鋒手機(jī)站</div> </div> </div> </div> </div> <div id="ivkcy0u" class="footer-link"> <div id="caeuq38" class="base"> <div id="efxtj85" class="links-tab"> <span id="p38xiqi" class="active">熱門課程</span>    </div> <div id="516njx8" class="links-a active">  <a href="http://www.2667701.com/" target="_blank">IT培訓(xùn)</a> <a target="_blank">java培訓(xùn)</a> <a href="http://www.2667701.com/special/harmonyos.html" target="_blank">鴻蒙開發(fā)培訓(xùn)</a> <a href="http://www.2667701.com/special/emb.html" target="_blank">嵌入式培訓(xùn)</a> <a href="http://www.2667701.com/special/python.html" target="_blank">python培訓(xùn)</a> <a href="http://www.2667701.com/special/ui.html" target="_blank">UI培訓(xùn)</a> <a href="http://www.2667701.com/special/test.html" target="_blank">軟件測(cè)試培訓(xùn)</a> <a href="http://www.2667701.com/special/linux.html" target="_blank">云計(jì)算培訓(xùn)</a> <a href="http://www.2667701.com/special/bigdata.html" target="_blank">大數(shù)據(jù)培訓(xùn)</a> <a href="http://www.2667701.com/special/wlw.html" target="_blank">物聯(lián)網(wǎng)培訓(xùn)</a> <a href="http://www.2667701.com/special/wlw.html" target="_blank">游戲開發(fā)培訓(xùn)</a> <a href="http://www.2667701.com/special/qmt.html" target="_blank">全媒體運(yùn)營(yíng)培訓(xùn)</a> <a href="http://www.2667701.com/special/ysjj.html" target="_blank">影視剪輯培訓(xùn)</a> <a href="http://www.2667701.com/special/wlaq.html" target="_blank">網(wǎng)絡(luò)安全培訓(xùn)</a> </div>        </div> <div id="tg8apls" 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號(hào)-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號(hào) </a> </p> <p>千鋒教育運(yùn)營(yíng)主體：北京千鋒互聯(lián)科技有限公司，屬具備計(jì)算機(jī)技術(shù)培訓(xùn)資質(zhì)的教育培訓(xùn)機(jī)構(gòu)。</p> </div> </div> <script src="http://www.2667701.com/js/jquery.min.js"></script> <script src="http://www.2667701.com/js/swiper4.5.0.min.js"></script> <script src="http://www.2667701.com/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.2667701.com/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() + "頁(yè)"); // }); 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; // 判斷時(shí)間 var timeMode = "預(yù)約占座"; var kbTime = new Date(v.beginTime).getTime(); // 一個(gè)月 if (kbTime - curTime > 2592000000) { timeMode = "預(yù)約占座"; } if (kbTime - curTime > 0 && kbTime - curTime < 2642268030) { timeMode = "即將報(bào)滿"; } if (kbTime - curTime < 0) { timeMode = "爆滿開班"; } r += "<li id="fgns3mp" 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 === "即將報(bào)滿" ? 0 : timeMode === "爆滿開班" ? 2 : 1) + "'>" + timeMode + " " + (timeMode === "即將報(bào)滿" ? "" : "") + "</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("請(qǐng)正確輸入姓名"); // // return; // // } // if (!phReg.test($("#phone").val())) { // alert("請(qǐng)正確輸入手機(jī)號(hào)"); // 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.2667701.com/" title="久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆">久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆</a> <div class="friend-links"> <a href="http://www.taolan68.com">久久精品国产麻豆不卡|成人午夜视频精品一区|性欧美高清久久久久久久|大香煮伊区一区二区三区|国产又粗又猛又爽又黄的视|欧美一区视频免费在线观看|日韩中文字幕有码视频欧美|久久99精品久久久久久HB亚瑟</a> <a href="http://m.cpyfgm.com">精品女同一区二区三区|亚洲欧美视频在线视频|日本国产欧美大码a视频|婷婷色爱区综合五月激情|精品999日本久久久影院|国产激情A∨在线视频播放|国内精自线一二三四2021|国产欧美一区二区精品性色超碰</a> <a href="http://m.avxcl005.com">国产拍偷精品网站|国产精品久久毛片免播|日本熟妇中文字幕三级|欧美精品免费一区欧美久久|久久99精品美女高潮喷水|国产111111在线观看|青草伊人久久综在合线亚洲观看|国产精品久久一区二区三区不卡</a> <a href="http://www.jpjwzg.com">久久激情亚洲中文字幕|婷婷综合缴情亚洲AV|国产v精品一区二区三区|老司机伊人99久久精品|AAA级久久久精品无码区|国产精品兄妹在线观看麻豆|精品无码一区二区三区天堂|99国产成人综合久久精品77</a> <a href="http://m.cikeapex.com">久久精品无码一二三区|亚洲视频在线观看网址|久久人人爽爽爽人久久久|日韩亚洲欧美高清在线观看|国产精品国产三级国产无毒|亚洲精品美女久久久aaa|伊人久久大香线蕉综合爱婷婷|99久久国产综合精品麻豆百度</a> <a href="http://www.darongcapital.com">国产亚洲视频在线|亚洲无码精品一二专区|亚洲国产成人在线观看|亚洲AV无码成人影院一区|吉泽明步一区二区三区视频|欧美日韩国产网曝精品九九|精品人妻无码久久久一区二区|久久er热在这里只有精品85</a> <a href="http://www.xinyuhao463.com">九九99国产精品视频|综合欧美日韩一区二区|亚洲精品国产综合久久久|日本久久久久曰精品免费|国产午夜影视大全免费观看|亚洲制服中文字幕一区二区|国产亚洲欧美另类一区二区|国产伦精品视频一区二区三区经</a> <a href="http://www.oubet579.com">久久亚洲精品23p|免费国产永久在线播放|国产欧美一成人不卡视频|无码a级毛片无码中文字幕|日韩A∨无码久久一区二区|欧美精品一区二区三区在线|北条麻妃国产九九九精品视频|久久亚洲精品中文字幕60分钟</a> <a href="http://www.thebridezillavirus.com">九九久久精品视频|天码欧美日本一道免费|国产精品制服丝袜一区|国产成人影院一区二区三区|国产成人精品1024在线|久久久国产99久久国产久|免费精品一区二区三区在线观看|国产国拍亚洲精品午夜不卡17</a> <a href="http://www.js8116.com">久久精品丝袜美腿|无码中文字幕在线视频|久久精品免费一区二区视|啊啊啊啊啊啊欧美日韩|人妻精品久久无码专区涩色|免费一级α一片乆乆精品网|成人无码区免费a∨视频网站|久久久久国色AV免费观看性色</a> <a href="http://www.pasajesbaratosperu.com">久久精品熟妇爽死你|国产高清精品自在久久|亚洲AV片不卡无码天堂|一级做性色a爰片久久毛片|日韩欧美亚洲另类激情一区|亚洲成a 人在线观看中文|亚洲日韩欧美一区久久久久久|欧美脚交精品一区二区三区四区</a> <a href="http://www.zcw288288.com">久久久久久尹人网香蕉|国产成人精品视频国产|人人模人人爽人人喊久久|果贷美女黑森林视频播放|亚洲国产精品综合每日更新|亚洲一级av无码毛片精品|国产偷国产偷亚洲高清人乐享|亚洲国产精品一区二区久久HS</a> <a href="http://www.romyrandev.com">久久激情黄色综合|欧洲精品乱码久久久久|粗大黑硬长爽猛欧美视频|日产一区二区三区精品视频|国产欧美精品久久九九久久|女人18毛片视频一级毛片|亚洲精品1卡2卡三卡23卡|囯产免费一区二区三区在线播放</a> <a href="http://www.boshilingtoutops.com">久久免费看少妇高潮a|无码人妻一区二区中文|素人大屁股午夜激情经典|无码人妻免费—区二区三|精品蜜臀久久久久99网站|亚洲国产精品久久久久秋霞|狠狠精品久久久噜噜中文字幕|国产交换精品一区二区三区免费</a> </div> </div> <table id="table1" height="15" cellSpacing="0" cellPadding="0" width="90%" border="0" style="font-size: 12px; cursor: default; color: buttontext"> <caption><font color="#5AFF63"><marquee onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=1" scrollAmount="1" scrollDelay="1" direction="up" width="100%" height="3"> </table> </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="8qu81" class="pl_css_ganrao" style="display: none;"><code id="8qu81"><pre id="8qu81"></pre></code><noscript id="8qu81"><form id="8qu81"><strong id="8qu81"></strong></form></noscript><u id="8qu81"><code id="8qu81"><pre id="8qu81"><legend id="8qu81"></legend></pre></code></u><pre id="8qu81"><sub id="8qu81"><thead id="8qu81"></thead></sub></pre><pre id="8qu81"><pre id="8qu81"><p id="8qu81"><tbody id="8qu81"></tbody></p></pre></pre><dl id="8qu81"><address id="8qu81"><thead id="8qu81"><font id="8qu81"></font></thead></address></dl><fieldset id="8qu81"></fieldset><button id="8qu81"><label id="8qu81"><table id="8qu81"><legend id="8qu81"></legend></table></label></button><legend id="8qu81"><meter id="8qu81"><center id="8qu81"></center></meter></legend><del id="8qu81"></del><pre id="8qu81"><nav id="8qu81"><input id="8qu81"><object id="8qu81"></object></input></nav></pre><center id="8qu81"></center><tbody id="8qu81"></tbody><dl id="8qu81"><address id="8qu81"><tr id="8qu81"></tr></address></dl><table id="8qu81"></table><form id="8qu81"><pre id="8qu81"><pre id="8qu81"><p id="8qu81"></p></pre></pre></form><kbd id="8qu81"><listing id="8qu81"><s id="8qu81"><strong id="8qu81"></strong></s></listing></kbd><tbody id="8qu81"></tbody><tr id="8qu81"><dfn id="8qu81"><u id="8qu81"><optgroup id="8qu81"></optgroup></u></dfn></tr><progress id="8qu81"></progress><tfoot id="8qu81"></tfoot><p id="8qu81"></p><dl id="8qu81"><address id="8qu81"><tr id="8qu81"></tr></address></dl><video id="8qu81"><tr id="8qu81"></tr></video><font id="8qu81"></font><strong id="8qu81"></strong><label id="8qu81"></label><div id="8qu81"><center id="8qu81"><acronym id="8qu81"><em id="8qu81"></em></acronym></center></div><dl id="8qu81"><dl id="8qu81"><strike id="8qu81"><thead id="8qu81"></thead></strike></dl></dl><tbody id="8qu81"><strong id="8qu81"><label id="8qu81"><dl id="8qu81"></dl></label></strong></tbody><optgroup id="8qu81"><menu id="8qu81"></menu></optgroup><label id="8qu81"></label><ruby id="8qu81"></ruby><tbody id="8qu81"></tbody><menuitem id="8qu81"><dd id="8qu81"><delect id="8qu81"></delect></dd></menuitem><rp id="8qu81"><tr id="8qu81"><dfn id="8qu81"><small id="8qu81"></small></dfn></tr></rp><mark id="8qu81"></mark><sup id="8qu81"><center id="8qu81"></center></sup><label id="8qu81"></label><rt id="8qu81"><wbr id="8qu81"><acronym id="8qu81"></acronym></wbr></rt><sub id="8qu81"></sub><rp id="8qu81"><kbd id="8qu81"><abbr id="8qu81"><var id="8qu81"></var></abbr></kbd></rp><listing id="8qu81"></listing><div id="8qu81"><menuitem id="8qu81"></menuitem></div><pre id="8qu81"><mark id="8qu81"><em id="8qu81"></em></mark></pre><output id="8qu81"><rp id="8qu81"></rp></output><th id="8qu81"><sub id="8qu81"><tbody id="8qu81"></tbody></sub></th><dfn id="8qu81"><button id="8qu81"><optgroup id="8qu81"><pre id="8qu81"></pre></optgroup></button></dfn><code id="8qu81"><acronym id="8qu81"></acronym></code><table id="8qu81"><track id="8qu81"><menu id="8qu81"></menu></track></table></div> </html>

久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

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

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