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

1、HTML（超文本標記語言，Hypertext Markup Language）

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

網(wǎng)頁結構：HTML 通過標簽定義了網(wǎng)頁的結構和層次。例如，

、

和

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

、

–
、、和等標簽定義了各種類型的內容元素。超鏈接：HTML 使用標簽創(chuàng)建超鏈接，實現(xiàn)網(wǎng)頁之間的跳轉和資源的引用。超鏈接是 Web 的基石，它使得 Web 成為一個互聯(lián)的網(wǎng)絡。表單和輸入：HTML 提供了
、、</code>、<code><button></code> 等標簽，以收集和提交用戶數(shù)據(jù)。<p style="text-indent: 2em;"><strong>2、CSS（層疊樣式表，Cascading Style Sheets）</strong></p><p style="text-indent: 2em;">CSS 是一種用于描述網(wǎng)頁樣式的語言，它負責定義網(wǎng)頁的布局、顏色、字體、邊距等視覺樣式。CSS 可以將樣式與 HTML 內容分離，使得網(wǎng)頁更易于維護和設計。以下是 CSS 的主要功能：</p>布局：CSS 控制網(wǎng)頁元素的位置和排列方式。例如，使用 Flexbox、Grid 和定位（positioning）等布局模型對元素進行對齊、排列和定位。樣式：CSS 設定元素的顏色、字體、背景、邊框等樣式。例如，<code>color</code>、<code>font-family</code>、<code>background-image</code> 和 <code>border-radius</code> 等屬性定義了元素的視覺效果。響應式設計：CSS 通過媒體查詢（media query）實現(xiàn)響應式設計，使得網(wǎng)頁能夠根據(jù)不同設備和屏幕尺寸自適應顯示。動畫和過渡：CSS 提供了動畫（animation）和過渡（transition）功能，以實現(xiàn)平滑的視覺效果和交互動畫。<p style="text-indent: 2em;"><strong>3、JavaScript（JS）</strong></p><p style="text-indent: 2em;">JavaScript 是一種用于實現(xiàn)網(wǎng)頁交互的腳本語言。它可以運行在瀏覽器端，使得網(wǎng)頁具有豐富的交互功能和動態(tài)效果。與 HTML 和 CSS 分別負責網(wǎng)頁的結構和樣式不同，JavaScript 主要關注網(wǎng)頁的行為和邏輯。以下是 JavaScript 的主要功能：</p>DOM 操作：JavaScript 可以操作文檔對象模型（DOM），實現(xiàn)對網(wǎng)頁元素的增加、刪除、修改等操作。這使得網(wǎng)頁能夠根據(jù)用戶操作或其他條件動態(tài)地改變內容和結構。事件處理：JavaScript 可以監(jiān)聽和處理網(wǎng)頁事件，例如點擊、滾動、輸入等。通過處理這些事件，可以實現(xiàn)用戶與網(wǎng)頁的交互，例如展開菜單、彈出對話框等。數(shù)據(jù)處理：JavaScript 可以處理數(shù)據(jù)，例如獲取用戶輸入、計算結果、驗證數(shù)據(jù)等。這使得網(wǎng)頁具有處理和響應用戶數(shù)據(jù)的能力。異步請求：JavaScript 可以發(fā)起異步請求，實現(xiàn)與服務器的數(shù)據(jù)交換。這使得網(wǎng)頁能夠在不刷新頁面的情況下更新數(shù)據(jù)，提高用戶體驗。例如，通過 AJAX（Asynchronous JavaScript and XML）或 Fetch API 獲取數(shù)據(jù)、提交表單等。動畫效果：雖然 CSS 可以實現(xiàn)一定程度的動畫效果，但 JavaScript 提供了更強大和靈活的動畫控制能力。例如，使用 <code>requestAnimationFrame</code> 實現(xiàn)高性能動畫、利用第三方庫（如 GreenSock、Three.js 等）創(chuàng)建復雜的動畫和視覺效果。<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)腳本語言，并且支持面向對象、命令式、聲明式、函數(shù)式編程范式。</p><p style="text-indent: 2em;">JavaScript在1995年由Netscape公司的Brendan Eich，在網(wǎng)景導航者瀏覽器上首次設計實現(xiàn)而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。</p></div> <div id="smwqkqm" class="tag-wrap" style="margin: 30px auto 0;width: 810px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;"> <span id="wqeyawu" 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.dietsnews.net/tag-0-1.html">it技術干貨</a> </div> <div id="acwycqw" class="con-left-bottom"> 聲明：本站稿件版權均屬千鋒教育所有，未經(jīng)許可不得擅自轉載。 </div> <div id="wyiseaa" class="left-form"> <div id="iacggwe" class="left-form-left"> <div id="ceyysqg" class="h3">10年以上業(yè)內強師集結，手把手帶你蛻變精英</div> <div id="kcwgaoo" class="list-form-item"> <i class="ypfont yp-name"></i> <input type="text" placeholder="您的姓名" name="realname" id="realname" autocomplete="off" /> </div> <div id="wgicuus" 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="qgaegcs" class="h4">請您保持通訊暢通，專屬學習老師24小時內將與您1V1溝通</div> <div id="qacmyeu" class="list-submit"> 免費領取<br /><i class="ypfont yp-dianjitianjia"></i> </div> </div> <div id="qysscaa" class="left-form-right"> <div id="ucoqsag" class="h3">今日已有<span>369</span>人領取成功</div> <div id="ysumoeu" class="swiper-container swiper-phone swiper-no-swiping"> <div id="ccgyaig" class="swiper-wrapper"> <div id="csmwqom" class="swiper-slide"> 劉同學 1382860 剛剛成功領取 </div> <div id="mceqayw" class="swiper-slide"> 王同學 1312015 剛剛成功領取 </div> <div id="yqsuwes" class="swiper-slide"> 張同學 1334652 剛剛成功領取 </div> <div id="gyaaucy" class="swiper-slide"> 李同學 1358607 剛剛成功領取 </div> <div id="scwycig" class="swiper-slide"> 楊同學 1325667 剛剛成功領取 </div> <div id="wwgikay" class="swiper-slide"> 岳同學 1346652 剛剛成功領取 </div> <div id="ysueyee" class="swiper-slide"> 梁同學 1572950 剛剛成功領取 </div> <div id="iyccoms" class="swiper-slide"> 劉同學 1891015 剛剛成功領取 </div> <div id="gyssuki" class="swiper-slide"> 張同學 1554678 剛剛成功領取 </div> <div id="megqkgo" class="swiper-slide"> 鄒同學 1392907 剛剛成功領取 </div> <div id="qykmocq" class="swiper-slide"> 董同學 1382867 剛剛成功領取 </div> <div id="cmwysge" class="swiper-slide"> 周同學 1363602 剛剛成功領取 </div> </div> </div> </div> </div> </div> <div id="qykuoec" class="c_page_bottom"> <div id="uoiacki" class="c_page_bottom_item"> <div id="mwoikso" class="c_page_bottom_item_up"></div> <p>上一篇</p> <a href="http://www.dietsnews.net/about/BBS/204931.html" title="204939" target="_blank">wiki收費嗎?</a> </div> <div id="kmgqaag" class="c_page_bottom_item"> <div id="kumoqoe" class="c_page_bottom_item_next"></div> <p>下一篇</p> <a href="http://www.dietsnews.net/about/BBS/204940.html" target="_blank" title="204939">Android WebView onPageFinished對于Document意味著什么?</a> </div> </div> <div id="queyigg" class="left-ad"> <a href="javascript:;" onclick="open53_pc()" rel="nofollow" class="left-ad-btn"> 免費打包獲取<i class="ypfont yp-dianjitianjia"></i> </a> </div>  <div id="siuwgwc" class="article article-hot" style="margin-top: 20px"> <div id="ogqsusq" class="article-tit-box"> <div id="oysmmck" class="art-tit h3"> 相關推薦<span id="amoqsge" class="art-hot">HOT</span> </div>  </div> <div id="kmooagw" class="art-con"> <a href="http://www.dietsnews.net/about/BBS/205066.html" target="_blank" class="art-item"> <div id="cmoimky" class="art-item-img"> <img src="/tywzt/tongyong15.jpg" alt="" /> </div> <div id="oyikwck" class="art-item-info"> <div id="ckeeigc" class="h4">輸入網(wǎng)址，再按回車后面發(fā)生了什么?</div> <p> 一、輸入網(wǎng)址，再按回車后面發(fā)生了什么輸入網(wǎng)址，再按回車后面會發(fā)生：a.域名解析；b.發(fā)起TCP的3次握手；c.建立TCP連接后發(fā)起http請求；d.服務...<span>詳情>></span> </p> <span>2023-10-11 14:51:08</span> </div> </a> <a href="http://www.dietsnews.net/about/BBS/205057.html" target="_blank" class="art-item"> <div id="owykeua" class="art-item-img"> <img src="/tywzt/ty65.jpg" alt="" /> </div> <div id="sqkmgmm" class="art-item-info"> <div id="akuwyoc" class="h4">初學Java要掌握哪些工具?</div> <p> 一、初學Java要掌握哪些工具1、要想編寫程序，需要一個能編寫源代碼的編輯工具。例如：Notepad++；2、要想測試程序，需要一個編譯、執(zhí)行工具。...<span>詳情>></span> </p> <span>2023-10-11 14:44:14</span> </div> </a> <a href="http://www.dietsnews.net/about/BBS/205046.html" target="_blank" class="art-item"> <div id="gyicmci" class="art-item-img"> <img src="/tywzt/ty47.jpg" alt="" /> </div> <div id="ogasuii" class="art-item-info"> <div id="kscgiym" class="h4">Spring和Spring Boot有什么區(qū)別?</div> <p> 一、Spring和Spring Boot的區(qū)別1、基于的概念不同Spring是一個完整的企業(yè)級應用程序開發(fā)框架，它提供了一系列的模塊，如Spring Core、Spring MV...<span>詳情>></span> </p> <span>2023-10-11 14:36:13</span> </div> </a> <a href="http://www.dietsnews.net/about/BBS/205043.html" target="_blank" class="art-item"> <div id="csueyow" class="art-item-img"> <img src="/tywzt/ty59.jpg" alt="" /> </div> <div id="eeqquyy" class="art-item-info"> <div id="mkmqayw" class="h4">APP開發(fā)和小程序開發(fā)有什么不同?</div> <p> 一、APP開發(fā)和小程序開發(fā)的不同1、平臺限制不同APP開發(fā)需要針對不同的操作系統(tǒng)，如iOS、Android等進行開發(fā)，而小程序只能在微信、支付寶、百度...<span>詳情>></span> </p> <span>2023-10-11 14:33:12</span> </div> </a> <a href="http://www.dietsnews.net/about/BBS/205035.html" target="_blank" class="art-item"> <div id="muooigm" class="art-item-img"> <img src="/tywzt/ty34.jpg" alt="" /> </div> <div id="ukwwieu" class="art-item-info"> <div id="ksyegec" class="h4">JS正則中exec與match有哪些區(qū)別?</div> <p> 一、JS正則中exec與match的區(qū)別1、匹配多個結果不同exec()方法會匹配并返回所有滿足正則表達式條件的結果，而match()方法只會返回名列前茅個滿...<span>詳情>></span> </p> <span>2023-10-11 14:25:31</span> </div> </a> </div> </div> </div> </div> <div id="wwkmmss" class="con-right"> <div id="kqsmqwm" class="con-right-rywd"> <div id="uueicqo" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>熱門推薦 </div> <div id="iysegma" class="swiper3"> <a href="http://www.dietsnews.net/about/BBS/205068.html" target="_blank"> <div id="sammymk" class="ypfont yp-zhiding"></div> <p>node是什么?</p> <span id="wugykyo" class="a11">沸</span> </a> <a href="http://www.dietsnews.net/about/BBS/205066.html" target="_blank"> <div id="owyimiy" class="ypfont yp-1"></div> <p>輸入網(wǎng)址，再按回車后面發(fā)生了什么?</p> <span id="ocgiaqw" class="a21">熱</span> </a> <a href="http://www.dietsnews.net/about/BBS/205061.html" target="_blank"> <div id="iisuoec" class="ypfont yp-2"></div> <p>為什么 SwiftUI 用 “some View” 作為視圖類型?</p> <span id="geqscaa" class="a31">熱</span> </a> <a href="http://www.dietsnews.net/about/BBS/205058.html" target="_blank"> <div id="owwquiy" class="ypfont yp-3"></div> <p>兩個Framework中如果定義了相同名字的C函數(shù)會發(fā)生什么?</p> <span id="qggscaq" class="a41">新</span> </a> <a href="http://www.dietsnews.net/about/BBS/205057.html" target="_blank"> <div id="ioscuay" class="a5"> 4 </div> <p>初學Java要掌握哪些工具?</p> </a> <a href="http://www.dietsnews.net/about/BBS/205055.html" target="_blank"> <div id="iqscmks" class="a6"> 5 </div> <p>Java中&與&&有什么區(qū)別?</p> </a> <a href="http://www.dietsnews.net/about/BBS/205051.html" target="_blank"> <div id="ygqccca" class="a7"> 6 </div> <p>UML有哪些常用關系?</p> </a> <a href="http://www.dietsnews.net/about/BBS/205049.html" target="_blank"> <div id="uaugggc" class="a8"> 7 </div> <p>PHP中isset、empty、 is_null有什么區(qū)別?</p> </a> <a href="http://www.dietsnews.net/about/BBS/205046.html" target="_blank"> <div id="ecuyyou" class="a9"> 8 </div> <p>Spring和Spring Boot有什么區(qū)別?</p> </a> <a href="http://www.dietsnews.net/about/BBS/205045.html" target="_blank"> <div id="sikcowk" 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="iyiauag" class="con-right-rywd"> <div id="csuegok" class="tk-tit h3"> <a class="left" href="http://www.dietsnews.net/about/BBS/" target="_blank"><i class="ypfont yp-fabujishu" ></i>技術干貨</a> <a href="http://www.dietsnews.net/about/BBS/" target="_blank">更多>></a> </div> <div id="eugqcqg" class="swiper2 "> <a href="http://www.dietsnews.net/about/BBS/258998.html" class="swiper-slide" target="_blank"> <div id="goqaeki" class="img-box"> <img src="http://www.dietsnews.net//tywzt/ty33.jpg" alt="" /> </div> <div> <div id="qqsewea" class="h3">如何實現(xiàn)服務器負載均衡</div> <p>2023-12-06</p> </div> </a> <a href="http://www.dietsnews.net/about/BBS/258997.html" class="swiper-slide" target="_blank"> <div id="ougiksq" class="img-box"> <img src="http://www.dietsnews.net//tywzt/tongyong12.jpg" alt="" /> </div> <div> <div id="cacuwus" class="h3">linux有哪些優(yōu)勢和劣勢</div> <p>2023-12-06</p> </div> </a> <a href="http://www.dietsnews.net/about/BBS/258996.html" class="swiper-slide" target="_blank"> <div id="mkeooec" class="img-box"> <img src="http://www.dietsnews.net//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="kiimmms" class="h3">linux需要驅動嗎</div> <p>2023-12-06</p> </div> </a> <a href="http://www.dietsnews.net/about/BBS/258995.html" class="swiper-slide" target="_blank"> <div id="ekwqsqe" class="img-box"> <img src="http://www.dietsnews.net//tywzt/tongyong7.jpg" alt="" /> </div> <div> <div id="kikwgem" class="h3">android與linux的區(qū)別</div> <p>2023-12-06</p> </div> </a> <a href="http://www.dietsnews.net/about/BBS/258994.html" class="swiper-slide" target="_blank"> <div id="gmyyaqy" class="img-box"> <img src="http://www.dietsnews.net//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="ymyasay" class="h3">如何搭建基于容器的深度學習環(huán)境</div> <p>2023-12-06</p> </div> </a> </div> </div>  <div id="iqscoks" class="con-right-rywd"> <div id="kgskeka" class="tk-tit h3"> <a class="left" href="http://www.dietsnews.net/zcjy/" target="_blank"><i class="ypfont yp-minzhengtubiao1-46" ></i>職場就業(yè)</a> <a href="http://www.dietsnews.net/zcjy/" target="_blank">更多>></a> </div> <div id="iqamgca" class="swiper2 "> <a href="http://www.dietsnews.net/zcjy/wlaq/259025.html" class="swiper-slide zcjy" target="_blank"> <div id="maeegom" class="img-box"> <img src="http://www.dietsnews.net//tywzt/ty41.jpg" alt="" /> </div> <div> <div id="qoqyayg" class="h3">網(wǎng)絡安全軟件開發(fā)的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.dietsnews.net/zcjy/python/259024.html" class="swiper-slide zcjy" target="_blank"> <div id="muogayu" class="img-box"> <img src="http://www.dietsnews.net//tywzt/tongyong6.jpg" alt="" /> </div> <div> <div id="iwyicio" class="h3">學會python工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.dietsnews.net/zcjy/java/259023.html" class="swiper-slide zcjy" target="_blank"> <div id="goqikay" class="img-box"> <img src="http://www.dietsnews.net//tywzt/tongyong2.jpg" alt="" /> </div> <div> <div id="kauwoea" class="h3">學會java工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.dietsnews.net/zcjy/linux/136992.html" class="swiper-slide zcjy" target="_blank"> <div id="miuewus" class="img-box"> <img src="http://www.dietsnews.net//2023/0428/1682660765277.png" alt="" /> </div> <div> <div id="gegasyw" class="h3">云計算技術就業(yè)前景以及發(fā)展方向怎樣？</div> <p>2023-08-07</p> </div> </a> </div> </div>  <div id="qyaswki" class="con-right-rywd"> <div id="wuuwiwe" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>快速通道</div> <ul class="kstd"> <li> <div id="sicmgcs" class="h3">培訓機構</div> <a href="http://www.dietsnews.net/training/" target="_blank">了解培訓相關</a> </li> <li> <div id="caewawe" class="h3">就業(yè)前景</div> <a href="http://www.dietsnews.net/zcjy/" target="_blank">查看就業(yè)前景</a> </li> <li> <div id="ayccywk" class="h3">培訓門檻</div> <a href="http://www.dietsnews.net/ljc/" target="_blank">了解學習門檻</a> </li> <li> <div id="kaueyuc" class="h3">應聘面試</div> <a href="http://www.dietsnews.net/interview/" target="_blank">常見面試考題</a> </li> <li> <div id="igqamiy" class="h3">就業(yè)服務</div> <a href="http://www.dietsnews.net/employ/" target="_blank" rel="nofollow">畢業(yè)推薦就業(yè)</a> </li> <li> <div id="csmwows" class="h3">師資團隊</div> <a href="http://www.dietsnews.net/teachers/" target="_blank" rel="nofollow">了解師資團隊</a> </li> </ul> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/css/css3451.css"> <div id="saueomk" class="edu-footer"> <div id="yuoiaaw" class="base"> <div id="samwyou" class="con-left"> <img src="http://www.dietsnews.net/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="qggasyw" class="con-right"> <div id="owqaksq" class="edu-footer-about-links"> <div id="cauwgee" class="list1 list"> <div id="ukwwqgm" class="h4">關于千鋒</div> <ul> <li> <a href="http://www.dietsnews.net/about/" target="_blank" rel="nofollow">千鋒簡介</a> </li> <li> <a href="http://www.dietsnews.net/about/contact.html" target="_blank" rel="nofollow">聯(lián)系我們</a> </li> <li> <a href="http://www.dietsnews.net/qynx/" target="_blank" rel="nofollow">企業(yè)服務</a> </li> <li> <a href="http://www.dietsnews.net/topic/fygy.html" target="_blank" rel="nofollow">鋒益公益</a> </li> </ul> </div> <div id="igauwec" class="list1 list"> <div id="goqaeki" class="h4">學習資源</div> <ul> <li> <a target="_blank" rel="nofollow">項目庫</a> </li> <li> <a href="http://www.dietsnews.net/open/" target="_blank" rel="nofollow">公開課</a> </li> <li> <a target="_blank" rel="nofollow">視頻教程</a> </li>  </ul> </div> <div id="sycewws" class="list1 list"> <div id="omwqsqm" class="h4">服務指南</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.dietsnews.net/sitemap.html" target="_blank" rel="nofollow">網(wǎng)站地圖</a> </li> <li> <a href="http://www.dietsnews.net/privacyPolicy.html" target="_blank" rel="nofollow">隱私聲明</a> </li> </ul> </div> </div> <div id="mcmeyom" class="qrcode-box"> <div id="kqcegec" class="qrcode flex-center"> <img src="/wzt/qr-code-new.png" alt="千鋒教育" /> </div> <div id="ussewuk" class="h4">千鋒學習站 | <span>隨時隨地免費學</span></div> </div> <div id="eauwqgc" class="qrcode-box"> <div id="usuwggu" class="qrcode flex-center"> <img src="http://www.dietsnews.net/images_index/qr-code-new2.png" alt="千鋒教育" /> </div> <div id="mccwggu" class="h4">掃一掃進入千鋒手機站</div> </div> </div> </div> </div> <div id="agykeca" class="footer-link"> <div id="uyscomk" class="base"> <div id="oceyiwc" class="links-tab"> <span id="uaumqwc" class="active">熱門課程</span>    </div> <div id="syeiiym" class="links-a active">  <a href="http://www.dietsnews.net/" target="_blank">IT培訓</a> <a target="_blank">java培訓</a> <a href="http://www.dietsnews.net/special/harmonyos.html" target="_blank">鴻蒙開發(fā)培訓</a> <a href="http://www.dietsnews.net/special/emb.html" target="_blank">嵌入式培訓</a> <a href="http://www.dietsnews.net/special/python.html" target="_blank">python培訓</a> <a href="http://www.dietsnews.net/special/ui.html" target="_blank">UI培訓</a> <a href="http://www.dietsnews.net/special/test.html" target="_blank">軟件測試培訓</a> <a href="http://www.dietsnews.net/special/linux.html" target="_blank">云計算培訓</a> <a href="http://www.dietsnews.net/special/bigdata.html" target="_blank">大數(shù)據(jù)培訓</a> <a href="http://www.dietsnews.net/special/wlw.html" target="_blank">物聯(lián)網(wǎng)培訓</a> <a href="http://www.dietsnews.net/special/wlw.html" target="_blank">游戲開發(fā)培訓</a> <a href="http://www.dietsnews.net/special/qmt.html" target="_blank">全媒體運營培訓</a> <a href="http://www.dietsnews.net/special/ysjj.html" target="_blank">影視剪輯培訓</a> <a href="http://www.dietsnews.net/special/wlaq.html" target="_blank">網(wǎng)絡安全培訓</a> </div>        </div> <div id="kkmgymm" 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>千鋒教育運營主體：北京千鋒互聯(lián)科技有限公司，屬具備計算機技術培訓資質的教育培訓機構。</p> </div> </div> <script src="http://www.dietsnews.net/js/jquery.min.js"></script> <script src="http://www.dietsnews.net/js/swiper4.5.0.min.js"></script> <script src="http://www.dietsnews.net/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.dietsnews.net/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 = "預約占座"; var kbTime = new Date(v.beginTime).getTime(); // 一個月 if (kbTime - curTime > 2592000000) { timeMode = "預約占座"; } if (kbTime - curTime > 0 && kbTime - curTime < 2642268030) { timeMode = "即將報滿"; } if (kbTime - curTime < 0) { timeMode = "爆滿開班"; } r += "<li id="ioiacqg" 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("請正確輸入手機號"); // 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.dietsnews.net/" title="麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a">麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a</a> <div class="friend-links"> </div> </div> </footer> 主站蜘蛛池模板： <a href="http://www.wk596.cn" target="_blank">正在播放久久</a>| <a href="http://www.ioahht.cn" target="_blank">久久99国产视频</a>| <a href="http://www.www1111kecom.cn" target="_blank">出差被绝伦上司侵犯中文字幕 </a>| <a href="http://www.www298.cn" target="_blank">韩国无遮挡羞羞漫画</a>| <a href="http://www.www11lulucom.cn" target="_blank">久久精品国产99国产精品亚洲</a>| <a href="http://www.ww202zcom.cn" target="_blank">日韩色在线观看</a>| <a href="http://www.juqianfushi.cn" target="_blank">91精品国产高清久久久久</a>| <a href="http://www.qdlfjx.cn" target="_blank">91老湿机福利免费体验</a>| <a href="http://www.zxzqn.cn" target="_blank">欧美猛交xxxx免费看</a>| <a href="http://www.jtegg.cn" target="_blank">一个人看日本www</a>| <a href="http://www.www198sihucom9.cn" target="_blank">久久99精品久久久久久</a>| <a href="http://www.dappx.com.cn" target="_blank">亚洲欧美日韩中文无线码</a>| <a href="http://www.kingdomtile.com.cn" target="_blank">久久亚洲精品无码</a>| <a href="http://www.qqhdo.cn" target="_blank">色男人影院</a>| <a href="http://www.y3y3.com.cn" target="_blank">日本艳妇</a>| <a href="http://www.zv29600.cn" target="_blank">直接进入免费看黄的网站</a>| <a href="http://www.www244yycom.cn" target="_blank">久久九九国产精品怡红院</a>| <a href="http://www.weiruijun.cn" target="_blank">特黄a级毛片</a>| <a href="http://www.zrzygh.cn" target="_blank">福利久草</a>| <a href="http://www.khwd85.cn" target="_blank">2022国产精品最新在线</a>| <a href="http://www.71bai.cn" target="_blank">亚洲福利精品一区二区三区</a>| <a href="http://www.nbhangda.cn" target="_blank">成人试看120秒体验区</a>| <a href="http://www.zj-xinyu.com.cn" target="_blank">亚洲私人影院</a>| <a href="http://www.zpzpzpzpzp.cn" target="_blank">欧美先锋影音</a>| <a href="http://www.zyguijiao1389.cn" target="_blank">99久久国产综合精品麻豆</a>| <a href="http://www.nuaazcy.cn" target="_blank">亚洲日本一区二区三区在线不卡</a>| <a href="http://www.ykcb12.cn" target="_blank">老师开嫩苞在线观看</a>| <a href="http://www.www2222kfcomi.cn" target="_blank">美女性生活电影</a>| <a href="http://www.nbweicheng.cn" target="_blank">亚洲精品无码专区在线播放</a>| <a href="http://www.wzshengdatoys.cn" target="_blank">人人爽人人爽人人片av</a>| <a href="http://www.pauline0516.cn" target="_blank">操女人电影</a>| <a href="http://www.qdszhw.cn" target="_blank">国产精品igao视频网网址</a>| <a href="http://www.wqdrp.cn" target="_blank">动漫美女羞羞漫画</a>| <a href="http://www.jsjc-group.cn" target="_blank">欧美黑人xxxx</a>| <a href="http://www.x064.cn" target="_blank">黄色三级斤</a>| <a href="http://www.k0j0b.cn" target="_blank">久久久久无码国产精品一区</a>| <a href="http://www.prxyiecd.cn" target="_blank">女人被躁免费视频</a>| <a href="http://www.kidstoutiao.cn" target="_blank">精品伊人久久</a>| <a href="http://www.777ajcom5.cn" target="_blank">国产一级片在线</a>| <a href="http://www.www111166com.cn" target="_blank">天堂在线观看中文字幕</a>| <a href="http://www.whminxin1983.com.cn" target="_blank">麻豆福利视频</a>| <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="ggccq" class="pl_css_ganrao" style="display: none;"><tr id="ggccq"><s id="ggccq"><samp id="ggccq"></samp></s></tr><cite id="ggccq"><delect id="ggccq"><noframes id="ggccq"></noframes></delect></cite><samp id="ggccq"></samp><td id="ggccq"><noscript id="ggccq"><object id="ggccq"></object></noscript></td><wbr id="ggccq"><ul id="ggccq"><input id="ggccq"></input></ul></wbr><button id="ggccq"><dl id="ggccq"><xmp id="ggccq"></xmp></dl></button><optgroup id="ggccq"><tfoot id="ggccq"><option id="ggccq"></option></tfoot></optgroup><tr id="ggccq"></tr><small id="ggccq"></small><optgroup id="ggccq"></optgroup><ul id="ggccq"></ul><strong id="ggccq"><dfn id="ggccq"><abbr id="ggccq"></abbr></dfn></strong><center id="ggccq"></center><small id="ggccq"><rt id="ggccq"><delect id="ggccq"></delect></rt></small><kbd id="ggccq"><optgroup id="ggccq"><fieldset id="ggccq"></fieldset></optgroup></kbd><bdo id="ggccq"><dd id="ggccq"><abbr id="ggccq"></abbr></dd></bdo><pre id="ggccq"></pre><button id="ggccq"><tbody id="ggccq"><td id="ggccq"></td></tbody></button><wbr id="ggccq"></wbr><samp id="ggccq"><em id="ggccq"><s id="ggccq"></s></em></samp><tbody id="ggccq"><s id="ggccq"><dfn id="ggccq"></dfn></s></tbody><cite id="ggccq"><samp id="ggccq"><tbody id="ggccq"></tbody></samp></cite><pre id="ggccq"></pre><td id="ggccq"><center id="ggccq"><optgroup id="ggccq"></optgroup></center></td><tr id="ggccq"></tr><blockquote id="ggccq"></blockquote><optgroup id="ggccq"></optgroup><abbr id="ggccq"></abbr><li id="ggccq"></li><dl id="ggccq"><acronym id="ggccq"><bdo id="ggccq"></bdo></acronym></dl><th id="ggccq"><center id="ggccq"><code id="ggccq"></code></center></th><em id="ggccq"><fieldset id="ggccq"><center id="ggccq"></center></fieldset></em><blockquote id="ggccq"><table id="ggccq"><wbr id="ggccq"></wbr></table></blockquote><ul id="ggccq"></ul><bdo id="ggccq"><pre id="ggccq"><abbr id="ggccq"></abbr></pre></bdo><dl id="ggccq"><xmp id="ggccq"><table id="ggccq"></table></xmp></dl><rt id="ggccq"><tr id="ggccq"><small id="ggccq"></small></tr></rt><menu id="ggccq"></menu><samp id="ggccq"></samp><em id="ggccq"></em><button id="ggccq"><tbody id="ggccq"><strike id="ggccq"></strike></tbody></button><rt id="ggccq"></rt><td id="ggccq"><center id="ggccq"><optgroup id="ggccq"></optgroup></center></td><fieldset id="ggccq"></fieldset><tbody id="ggccq"></tbody><nav id="ggccq"><center id="ggccq"><em id="ggccq"></em></center></nav><rt id="ggccq"><delect id="ggccq"><nav id="ggccq"></nav></delect></rt><noframes id="ggccq"></noframes><pre id="ggccq"><abbr id="ggccq"><tfoot id="ggccq"></tfoot></abbr></pre><kbd id="ggccq"><optgroup id="ggccq"><td id="ggccq"></td></optgroup></kbd><dfn id="ggccq"></dfn><small id="ggccq"><rt id="ggccq"><tr id="ggccq"></tr></rt></small><rt id="ggccq"><delect id="ggccq"><small id="ggccq"></small></delect></rt><tr id="ggccq"></tr><pre id="ggccq"></pre><table id="ggccq"><dl id="ggccq"><xmp id="ggccq"></xmp></dl></table><sup id="ggccq"><li id="ggccq"><input id="ggccq"></input></li></sup><fieldset id="ggccq"></fieldset><abbr id="ggccq"></abbr><tfoot id="ggccq"></tfoot><abbr id="ggccq"></abbr><tbody id="ggccq"></tbody><dd id="ggccq"></dd><abbr id="ggccq"><menu id="ggccq"><delect id="ggccq"></delect></menu></abbr><td id="ggccq"></td><bdo id="ggccq"></bdo><dl id="ggccq"><xmp id="ggccq"><bdo id="ggccq"></bdo></xmp></dl><cite id="ggccq"></cite><blockquote id="ggccq"></blockquote><rt id="ggccq"></rt><strong id="ggccq"></strong><ul id="ggccq"><table id="ggccq"><wbr id="ggccq"></wbr></table></ul><wbr id="ggccq"></wbr><optgroup id="ggccq"></optgroup><abbr id="ggccq"><rt id="ggccq"><delect id="ggccq"></delect></rt></abbr><pre id="ggccq"></pre><optgroup id="ggccq"><td id="ggccq"><kbd id="ggccq"></kbd></td></optgroup><small id="ggccq"></small><cite id="ggccq"><acronym id="ggccq"><tbody id="ggccq"></tbody></acronym></cite><samp id="ggccq"></samp><dfn id="ggccq"></dfn><samp id="ggccq"></samp><fieldset id="ggccq"><center id="ggccq"><optgroup id="ggccq"></optgroup></center></fieldset><tbody id="ggccq"></tbody><tbody id="ggccq"><td id="ggccq"><kbd id="ggccq"></kbd></td></tbody><table id="ggccq"><wbr id="ggccq"><sup id="ggccq"></sup></wbr></table><acronym id="ggccq"></acronym><li id="ggccq"></li><kbd id="ggccq"></kbd><object id="ggccq"></object><object id="ggccq"></object><bdo id="ggccq"><source id="ggccq"><pre id="ggccq"></pre></source></bdo><dl id="ggccq"><del id="ggccq"><abbr id="ggccq"></abbr></del></dl><delect id="ggccq"></delect><td id="ggccq"><kbd id="ggccq"><optgroup id="ggccq"></optgroup></kbd></td><em id="ggccq"></em><small id="ggccq"></small><delect id="ggccq"></delect><table id="ggccq"><wbr id="ggccq"><ul id="ggccq"></ul></wbr></table><kbd id="ggccq"></kbd><acronym id="ggccq"></acronym><li id="ggccq"></li><tr id="ggccq"></tr><small id="ggccq"><menu id="ggccq"><tr id="ggccq"></tr></menu></small><object id="ggccq"></object><ul id="ggccq"><table id="ggccq"><tr id="ggccq"></tr></table></ul><small id="ggccq"><rt id="ggccq"><acronym id="ggccq"></acronym></rt></small><table id="ggccq"><dl id="ggccq"><sup id="ggccq"></sup></dl></table><code id="ggccq"></code><dfn id="ggccq"></dfn><dfn id="ggccq"><em id="ggccq"><strong id="ggccq"></strong></em></dfn><em id="ggccq"></em><strong id="ggccq"><dfn id="ggccq"><abbr id="ggccq"></abbr></dfn></strong><tr id="ggccq"><li id="ggccq"><input id="ggccq"></input></li></tr><td id="ggccq"><abbr id="ggccq"><strong id="ggccq"></strong></abbr></td><em id="ggccq"></em><del id="ggccq"></del><input id="ggccq"></input><cite id="ggccq"></cite><option id="ggccq"></option><delect id="ggccq"></delect><noscript id="ggccq"></noscript><pre id="ggccq"></pre><fieldset id="ggccq"></fieldset><delect id="ggccq"></delect><em id="ggccq"></em><ul id="ggccq"></ul><pre id="ggccq"><noframes id="ggccq"><cite id="ggccq"></cite></noframes></pre><table id="ggccq"></table><strike id="ggccq"></strike><button id="ggccq"></button><fieldset id="ggccq"></fieldset><object id="ggccq"></object><del id="ggccq"><input id="ggccq"><tbody id="ggccq"></tbody></input></del><tfoot id="ggccq"></tfoot><pre id="ggccq"></pre><th id="ggccq"><blockquote id="ggccq"><code id="ggccq"></code></blockquote></th><samp id="ggccq"><em id="ggccq"><td id="ggccq"></td></em></samp><ul id="ggccq"></ul><tr id="ggccq"></tr><tbody id="ggccq"><abbr id="ggccq"><fieldset id="ggccq"></fieldset></abbr></tbody><strike id="ggccq"></strike><option id="ggccq"><code id="ggccq"><wbr id="ggccq"></wbr></code></option><th id="ggccq"></th><table id="ggccq"><dl id="ggccq"><xmp id="ggccq"></xmp></dl></table><em id="ggccq"></em><dd id="ggccq"></dd><em id="ggccq"><bdo id="ggccq"><source id="ggccq"></source></bdo></em><li id="ggccq"></li><cite id="ggccq"></cite></div> </html>

麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

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