一、HTML、CSS、JavaScript分別實現什么功能

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

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

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

、

和

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

、

–
、、和等標簽定義了各種類型的內容元素。超鏈接：HTML 使用標簽創建超鏈接，實現網頁之間的跳轉和資源的引用。超鏈接是 Web 的基石，它使得 Web 成為一個互聯的網絡。表單和輸入：HTML 提供了
、、</code>、<code><button></code> 等標簽，以收集和提交用戶數據。<p style="text-indent: 2em;"><strong>2、CSS（層疊樣式表，Cascading Style Sheets）</strong></p><p style="text-indent: 2em;">CSS 是一種用于描述網頁樣式的語言，它負責定義網頁的布局、顏色、字體、邊距等視覺樣式。CSS 可以將樣式與 HTML 內容分離，使得網頁更易于維護和設計。以下是 CSS 的主要功能：</p>布局：CSS 控制網頁元素的位置和排列方式。例如，使用 Flexbox、Grid 和定位（positioning）等布局模型對元素進行對齊、排列和定位。樣式：CSS 設定元素的顏色、字體、背景、邊框等樣式。例如，<code>color</code>、<code>font-family</code>、<code>background-image</code> 和 <code>border-radius</code> 等屬性定義了元素的視覺效果。響應式設計：CSS 通過媒體查詢（media query）實現響應式設計，使得網頁能夠根據不同設備和屏幕尺寸自適應顯示。動畫和過渡：CSS 提供了動畫（animation）和過渡（transition）功能，以實現平滑的視覺效果和交互動畫。<p style="text-indent: 2em;"><strong>3、JavaScript（JS）</strong></p><p style="text-indent: 2em;">JavaScript 是一種用于實現網頁交互的腳本語言。它可以運行在瀏覽器端，使得網頁具有豐富的交互功能和動態效果。與 HTML 和 CSS 分別負責網頁的結構和樣式不同，JavaScript 主要關注網頁的行為和邏輯。以下是 JavaScript 的主要功能：</p>DOM 操作：JavaScript 可以操作文檔對象模型（DOM），實現對網頁元素的增加、刪除、修改等操作。這使得網頁能夠根據用戶操作或其他條件動態地改變內容和結構。事件處理：JavaScript 可以監聽和處理網頁事件，例如點擊、滾動、輸入等。通過處理這些事件，可以實現用戶與網頁的交互，例如展開菜單、彈出對話框等。數據處理：JavaScript 可以處理數據，例如獲取用戶輸入、計算結果、驗證數據等。這使得網頁具有處理和響應用戶數據的能力。異步請求：JavaScript 可以發起異步請求，實現與服務器的數據交換。這使得網頁能夠在不刷新頁面的情況下更新數據，提高用戶體驗。例如，通過 AJAX（Asynchronous JavaScript and XML）或 Fetch API 獲取數據、提交表單等。動畫效果：雖然 CSS 可以實現一定程度的動畫效果，但 JavaScript 提供了更強大和靈活的動畫控制能力。例如，使用 <code>requestAnimationFrame</code> 實現高性能動畫、利用第三方庫（如 GreenSock、Three.js 等）創建復雜的動畫和視覺效果。<p style="text-indent: 2em;"><strong>延伸閱讀1：什么是JavaScript</strong></p><p style="text-indent: 2em;">JavaScript（簡稱“JS”）是一種具有函數優先的輕量級，解釋型或即時編譯型的編程語言。雖然它是作為開發Web頁面的腳本語言而出名，但是它也被用到了很多非瀏覽器環境中，JavaScript基于原型編程、多范式的動態腳本語言，并且支持面向對象、命令式、聲明式、函數式編程范式。</p><p style="text-indent: 2em;">JavaScript在1995年由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。</p></div> <div id="n1lbldrv" class="tag-wrap" style="margin: 30px auto 0;width: 810px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;"> <span id="n1lbldrv" 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.ctj60h24w.cn/tag-0-1.html">it技術干貨</a> </div> <div id="n1lbldrv" class="con-left-bottom"> 聲明：本站稿件版權均屬千鋒教育所有，未經許可不得擅自轉載。 </div> <div id="n1lbldrv" class="left-form"> <div id="n1lbldrv" class="left-form-left"> <div id="n1lbldrv" class="h3">10年以上業內強師集結，手把手帶你蛻變精英</div> <div id="n1lbldrv" class="list-form-item"> <i class="ypfont yp-name"></i> <input type="text" placeholder="您的姓名" name="realname" id="realname" autocomplete="off" /> </div> <div id="n1lbldrv" 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="n1lbldrv" class="h4">請您保持通訊暢通，專屬學習老師24小時內將與您1V1溝通</div> <div id="n1lbldrv" class="list-submit"> 免費領取<br /><i class="ypfont yp-dianjitianjia"></i> </div> </div> <div id="n1lbldrv" class="left-form-right"> <div id="n1lbldrv" class="h3">今日已有<span>369</span>人領取成功</div> <div id="n1lbldrv" class="swiper-container swiper-phone swiper-no-swiping"> <div id="n1lbldrv" class="swiper-wrapper"> <div id="n1lbldrv" class="swiper-slide"> 劉同學 1382860 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 王同學 1312015 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 張同學 1334652 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 李同學 1358607 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 楊同學 1325667 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 岳同學 1346652 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 梁同學 1572950 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 劉同學 1891015 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 張同學 1554678 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 鄒同學 1392907 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 董同學 1382867 剛剛成功領取 </div> <div id="n1lbldrv" class="swiper-slide"> 周同學 1363602 剛剛成功領取 </div> </div> </div> </div> </div> </div> <div id="n1lbldrv" class="c_page_bottom"> <div id="n1lbldrv" class="c_page_bottom_item"> <div id="n1lbldrv" class="c_page_bottom_item_up"></div> <p>上一篇</p> <a href="http://www.ctj60h24w.cn/about/BBS/204931.html" title="204939" target="_blank">wiki收費嗎?</a> </div> <div id="n1lbldrv" class="c_page_bottom_item"> <div id="n1lbldrv" class="c_page_bottom_item_next"></div> <p>下一篇</p> <a href="http://www.ctj60h24w.cn/about/BBS/204940.html" target="_blank" title="204939">Android WebView onPageFinished對于Document意味著什么?</a> </div> </div> <div id="n1lbldrv" 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="n1lbldrv" class="article article-hot" style="margin-top: 20px"> <div id="n1lbldrv" class="article-tit-box"> <div id="n1lbldrv" class="art-tit h3"> 相關推薦<span id="n1lbldrv" class="art-hot">HOT</span> </div>  </div> <div id="n1lbldrv" class="art-con"> <a href="http://www.ctj60h24w.cn/about/BBS/205066.html" target="_blank" class="art-item"> <div id="n1lbldrv" class="art-item-img"> <img src="/tywzt/tongyong15.jpg" alt="" /> </div> <div id="n1lbldrv" class="art-item-info"> <div id="n1lbldrv" class="h4">輸入網址，再按回車后面發生了什么?</div> <p> 一、輸入網址，再按回車后面發生了什么輸入網址，再按回車后面會發生：a.域名解析；b.發起TCP的3次握手；c.建立TCP連接后發起http請求；d.服務...<span>詳情>></span> </p> <span>2023-10-11 14:51:08</span> </div> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205057.html" target="_blank" class="art-item"> <div id="n1lbldrv" class="art-item-img"> <img src="/tywzt/ty65.jpg" alt="" /> </div> <div id="n1lbldrv" class="art-item-info"> <div id="n1lbldrv" class="h4">初學Java要掌握哪些工具?</div> <p> 一、初學Java要掌握哪些工具1、要想編寫程序，需要一個能編寫源代碼的編輯工具。例如：Notepad++；2、要想測試程序，需要一個編譯、執行工具。...<span>詳情>></span> </p> <span>2023-10-11 14:44:14</span> </div> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205046.html" target="_blank" class="art-item"> <div id="n1lbldrv" class="art-item-img"> <img src="/tywzt/ty47.jpg" alt="" /> </div> <div id="n1lbldrv" class="art-item-info"> <div id="n1lbldrv" class="h4">Spring和Spring Boot有什么區別?</div> <p> 一、Spring和Spring Boot的區別1、基于的概念不同Spring是一個完整的企業級應用程序開發框架，它提供了一系列的模塊，如Spring Core、Spring MV...<span>詳情>></span> </p> <span>2023-10-11 14:36:13</span> </div> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205043.html" target="_blank" class="art-item"> <div id="n1lbldrv" class="art-item-img"> <img src="/tywzt/ty59.jpg" alt="" /> </div> <div id="n1lbldrv" class="art-item-info"> <div id="n1lbldrv" class="h4">APP開發和小程序開發有什么不同?</div> <p> 一、APP開發和小程序開發的不同1、平臺限制不同APP開發需要針對不同的操作系統，如iOS、Android等進行開發，而小程序只能在微信、支付寶、百度...<span>詳情>></span> </p> <span>2023-10-11 14:33:12</span> </div> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205035.html" target="_blank" class="art-item"> <div id="n1lbldrv" class="art-item-img"> <img src="/tywzt/ty34.jpg" alt="" /> </div> <div id="n1lbldrv" class="art-item-info"> <div id="n1lbldrv" class="h4">JS正則中exec與match有哪些區別?</div> <p> 一、JS正則中exec與match的區別1、匹配多個結果不同exec()方法會匹配并返回所有滿足正則表達式條件的結果，而match()方法只會返回名列前茅個滿...<span>詳情>></span> </p> <span>2023-10-11 14:25:31</span> </div> </a> </div> </div> </div> </div> <div id="n1lbldrv" class="con-right"> <div id="n1lbldrv" class="con-right-rywd"> <div id="n1lbldrv" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>熱門推薦 </div> <div id="n1lbldrv" class="swiper3"> <a href="http://www.ctj60h24w.cn/about/BBS/205068.html" target="_blank"> <div id="n1lbldrv" class="ypfont yp-zhiding"></div> <p>node是什么?</p> <span id="n1lbldrv" class="a11">沸</span> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205066.html" target="_blank"> <div id="n1lbldrv" class="ypfont yp-1"></div> <p>輸入網址，再按回車后面發生了什么?</p> <span id="n1lbldrv" class="a21">熱</span> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205061.html" target="_blank"> <div id="n1lbldrv" class="ypfont yp-2"></div> <p>為什么 SwiftUI 用 “some View” 作為視圖類型?</p> <span id="n1lbldrv" class="a31">熱</span> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205058.html" target="_blank"> <div id="n1lbldrv" class="ypfont yp-3"></div> <p>兩個Framework中如果定義了相同名字的C函數會發生什么?</p> <span id="n1lbldrv" class="a41">新</span> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205057.html" target="_blank"> <div id="n1lbldrv" class="a5"> 4 </div> <p>初學Java要掌握哪些工具?</p> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205055.html" target="_blank"> <div id="n1lbldrv" class="a6"> 5 </div> <p>Java中&與&&有什么區別?</p> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205051.html" target="_blank"> <div id="n1lbldrv" class="a7"> 6 </div> <p>UML有哪些常用關系?</p> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205049.html" target="_blank"> <div id="n1lbldrv" class="a8"> 7 </div> <p>PHP中isset、empty、 is_null有什么區別?</p> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205046.html" target="_blank"> <div id="n1lbldrv" class="a9"> 8 </div> <p>Spring和Spring Boot有什么區別?</p> </a> <a href="http://www.ctj60h24w.cn/about/BBS/205045.html" target="_blank"> <div id="n1lbldrv" class="a10"> 9 </div> <p>ASM與JAVASSIST有什么區別?</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="n1lbldrv" class="con-right-rywd"> <div id="n1lbldrv" class="tk-tit h3"> <a class="left" href="http://www.ctj60h24w.cn/about/BBS/" target="_blank"><i class="ypfont yp-fabujishu" ></i>技術干貨</a> <a href="http://www.ctj60h24w.cn/about/BBS/" target="_blank">更多>></a> </div> <div id="n1lbldrv" class="swiper2 "> <a href="http://www.ctj60h24w.cn/about/BBS/258998.html" class="swiper-slide" target="_blank"> <div id="n1lbldrv" class="img-box"> <img src="http://www.ctj60h24w.cn//tywzt/ty33.jpg" alt="" /> </div> <div> <div id="n1lbldrv" class="h3">如何實現服務器負載均衡</div> <p>2023-12-06</p> </div> </a> <a href="http://www.ctj60h24w.cn/about/BBS/258997.html" class="swiper-slide" target="_blank"> <div id="n1lbldrv" class="img-box"> <img src="http://www.ctj60h24w.cn//tywzt/tongyong12.jpg" alt="" /> </div> <div> <div id="n1lbldrv" class="h3">linux有哪些優勢和劣勢</div> <p>2023-12-06</p> </div> </a> <a href="http://www.ctj60h24w.cn/about/BBS/258996.html" class="swiper-slide" target="_blank"> <div id="n1lbldrv" class="img-box"> <img src="http://www.ctj60h24w.cn//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="n1lbldrv" class="h3">linux需要驅動嗎</div> <p>2023-12-06</p> </div> </a> <a href="http://www.ctj60h24w.cn/about/BBS/258995.html" class="swiper-slide" target="_blank"> <div id="n1lbldrv" class="img-box"> <img src="http://www.ctj60h24w.cn//tywzt/tongyong7.jpg" alt="" /> </div> <div> <div id="n1lbldrv" class="h3">android與linux的區別</div> <p>2023-12-06</p> </div> </a> <a href="http://www.ctj60h24w.cn/about/BBS/258994.html" class="swiper-slide" target="_blank"> <div id="n1lbldrv" class="img-box"> <img src="http://www.ctj60h24w.cn//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="n1lbldrv" class="h3">如何搭建基于容器的深度學習環境</div> <p>2023-12-06</p> </div> </a> </div> </div>  <div id="n1lbldrv" class="con-right-rywd"> <div id="n1lbldrv" class="tk-tit h3"> <a class="left" href="http://www.ctj60h24w.cn/zcjy/" target="_blank"><i class="ypfont yp-minzhengtubiao1-46" ></i>職場就業</a> <a href="http://www.ctj60h24w.cn/zcjy/" target="_blank">更多>></a> </div> <div id="n1lbldrv" class="swiper2 "> <a href="http://www.ctj60h24w.cn/zcjy/wlaq/259025.html" class="swiper-slide zcjy" target="_blank"> <div id="n1lbldrv" class="img-box"> <img src="http://www.ctj60h24w.cn//tywzt/ty41.jpg" alt="" /> </div> <div> <div id="n1lbldrv" class="h3">網絡安全軟件開發的就業前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.ctj60h24w.cn/zcjy/python/259024.html" class="swiper-slide zcjy" target="_blank"> <div id="n1lbldrv" class="img-box"> <img src="http://www.ctj60h24w.cn//tywzt/tongyong6.jpg" alt="" /> </div> <div> <div id="n1lbldrv" class="h3">學會python工程師后的就業前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.ctj60h24w.cn/zcjy/java/259023.html" class="swiper-slide zcjy" target="_blank"> <div id="n1lbldrv" class="img-box"> <img src="http://www.ctj60h24w.cn//tywzt/tongyong2.jpg" alt="" /> </div> <div> <div id="n1lbldrv" class="h3">學會java工程師后的就業前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.ctj60h24w.cn/zcjy/linux/136992.html" class="swiper-slide zcjy" target="_blank"> <div id="n1lbldrv" class="img-box"> <img src="http://www.ctj60h24w.cn//2023/0428/1682660765277.png" alt="" /> </div> <div> <div id="n1lbldrv" class="h3">云計算技術就業前景以及發展方向怎樣？</div> <p>2023-08-07</p> </div> </a> </div> </div>  <div id="n1lbldrv" class="con-right-rywd"> <div id="n1lbldrv" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>快速通道</div> <ul class="kstd"> <li> <div id="n1lbldrv" class="h3">培訓機構</div> <a href="http://www.ctj60h24w.cn/training/" target="_blank">了解培訓相關</a> </li> <li> <div id="n1lbldrv" class="h3">就業前景</div> <a href="http://www.ctj60h24w.cn/zcjy/" target="_blank">查看就業前景</a> </li> <li> <div id="n1lbldrv" class="h3">培訓門檻</div> <a href="http://www.ctj60h24w.cn/ljc/" target="_blank">了解學習門檻</a> </li> <li> <div id="n1lbldrv" class="h3">應聘面試</div> <a href="http://www.ctj60h24w.cn/interview/" target="_blank">常見面試考題</a> </li> <li> <div id="n1lbldrv" class="h3">就業服務</div> <a href="http://www.ctj60h24w.cn/employ/" target="_blank" rel="nofollow">畢業推薦就業</a> </li> <li> <div id="n1lbldrv" class="h3">師資團隊</div> <a href="http://www.ctj60h24w.cn/teachers/" target="_blank" rel="nofollow">了解師資團隊</a> </li> </ul> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/css/css3451.css"> <div id="n1lbldrv" class="edu-footer"> <div id="n1lbldrv" class="base"> <div id="n1lbldrv" class="con-left"> <img src="http://www.ctj60h24w.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="n1lbldrv" class="con-right"> <div id="n1lbldrv" class="edu-footer-about-links"> <div id="n1lbldrv" class="list1 list"> <div id="n1lbldrv" class="h4">關于千鋒</div> <ul> <li> <a href="http://www.ctj60h24w.cn/about/" target="_blank" rel="nofollow">千鋒簡介</a> </li> <li> <a href="http://www.ctj60h24w.cn/about/contact.html" target="_blank" rel="nofollow">聯系我們</a> </li> <li> <a href="http://www.ctj60h24w.cn/qynx/" target="_blank" rel="nofollow">企業服務</a> </li> <li> <a href="http://www.ctj60h24w.cn/topic/fygy.html" target="_blank" rel="nofollow">鋒益公益</a> </li> </ul> </div> <div id="n1lbldrv" class="list1 list"> <div id="n1lbldrv" class="h4">學習資源</div> <ul> <li> <a target="_blank" rel="nofollow">項目庫</a> </li> <li> <a href="http://www.ctj60h24w.cn/open/" target="_blank" rel="nofollow">公開課</a> </li> <li> <a target="_blank" rel="nofollow">視頻教程</a> </li>  </ul> </div> <div id="n1lbldrv" class="list1 list"> <div id="n1lbldrv" class="h4">服務指南</div> <ul> <li> <a href="javascript:;" onclick="open53_pc()" rel="nofollow">報名咨詢</a> </li> <li> <a href="javascript:;" onclick="open53_pc()" rel="nofollow">校區分布</a> </li> <li> <a href="http://www.ctj60h24w.cn/sitemap.html" target="_blank" rel="nofollow">網站地圖</a> </li> <li> <a href="http://www.ctj60h24w.cn/privacyPolicy.html" target="_blank" rel="nofollow">隱私聲明</a> </li> </ul> </div> </div> <div id="n1lbldrv" class="qrcode-box"> <div id="n1lbldrv" class="qrcode flex-center"> <img src="/wzt/qr-code-new.png" alt="千鋒教育" /> </div> <div id="n1lbldrv" class="h4">千鋒學習站 | <span>隨時隨地免費學</span></div> </div> <div id="n1lbldrv" class="qrcode-box"> <div id="n1lbldrv" class="qrcode flex-center"> <img src="http://www.ctj60h24w.cn/images_index/qr-code-new2.png" alt="千鋒教育" /> </div> <div id="n1lbldrv" class="h4">掃一掃進入千鋒手機站</div> </div> </div> </div> </div> <div id="n1lbldrv" class="footer-link"> <div id="n1lbldrv" class="base"> <div id="n1lbldrv" class="links-tab"> <span id="n1lbldrv" class="active">熱門課程</span>    </div> <div id="n1lbldrv" class="links-a active">  <a href="http://www.ctj60h24w.cn/" target="_blank">IT培訓</a> <a target="_blank">java培訓</a> <a href="http://www.ctj60h24w.cn/special/harmonyos.html" target="_blank">鴻蒙開發培訓</a> <a href="http://www.ctj60h24w.cn/special/emb.html" target="_blank">嵌入式培訓</a> <a href="http://www.ctj60h24w.cn/special/python.html" target="_blank">python培訓</a> <a href="http://www.ctj60h24w.cn/special/ui.html" target="_blank">UI培訓</a> <a href="http://www.ctj60h24w.cn/special/test.html" target="_blank">軟件測試培訓</a> <a href="http://www.ctj60h24w.cn/special/linux.html" target="_blank">云計算培訓</a> <a href="http://www.ctj60h24w.cn/special/bigdata.html" target="_blank">大數據培訓</a> <a href="http://www.ctj60h24w.cn/special/wlw.html" target="_blank">物聯網培訓</a> <a href="http://www.ctj60h24w.cn/special/wlw.html" target="_blank">游戲開發培訓</a> <a href="http://www.ctj60h24w.cn/special/qmt.html" target="_blank">全媒體運營培訓</a> <a href="http://www.ctj60h24w.cn/special/ysjj.html" target="_blank">影視剪輯培訓</a> <a href="http://www.ctj60h24w.cn/special/wlaq.html" target="_blank">網絡安全培訓</a> </div>        </div> <div id="n1lbldrv" class="copyright"> <p class="copyright-p"> Copyright 2011-2025 <a href="javascript:;" rel="nofollow" title="千鋒互聯">北京千鋒互聯科技有限公司</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" />京公網安備 11010802030320號 </a> </p> <p>千鋒教育運營主體：北京千鋒互聯科技有限公司，屬具備計算機技術培訓資質的教育培訓機構。</p> </div> </div> <script src="http://www.ctj60h24w.cn/js/jquery.min.js"></script> <script src="http://www.ctj60h24w.cn/js/swiper4.5.0.min.js"></script> <script src="http://www.ctj60h24w.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.ctj60h24w.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) { // 最大條數 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="n1lbldrv" 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.ctj60h24w.cn/" title="中文字幕av高清|国产视频一二区|男女羞羞羞视频午夜视频|成人精品一区|欧美色视|在线视频这里只有精品">中文字幕av高清|国产视频一二区|男女羞羞羞视频午夜视频|成人精品一区|欧美色视|在线视频这里只有精品</a> <div class="friend-links"> </div> </div> </footer> 主站蜘蛛池模板： <a href="http://www.ljxdedu.cn" target="_blank">青青草国产成人av片免费 </a>| <a href="http://www.gkzdeif.cn" target="_blank">国产91综合一区在线观看 </a>| <a href="http://www.pzw9553.cn" target="_blank">久久久久亚洲精品国产 </a>| <a href="http://www.kdluhzsa.cn" target="_blank">中文无码久久精品 </a>| <a href="http://www.bjtengmao.cn" target="_blank">免费在线看黄 </a>| <a href="http://www.e846lbsv.cn" target="_blank">九九精品视频在线观看 </a>| <a href="http://www.823tzn.cn" target="_blank">日韩欧美精品区 </a>| <a href="http://www.kgw4455.cn" target="_blank">国产精品毛片一区二区三区 </a>| <a href="http://www.taiyang1.cn" target="_blank">九色在线 </a>| <a href="http://www.619551.cn" target="_blank">欧美一级片 </a>| <a href="http://www.eufozej.cn" target="_blank">中文字幕日韩欧美 </a>| <a href="http://www.142q5hxn.cn" target="_blank">黄av在线 </a>| <a href="http://www.t8grj6o8.cn" target="_blank">日本久久久久久久久久 </a>| <a href="http://www.msgk45.cn" target="_blank">欧美一级片在线播放 </a>| <a href="http://www.39310385.cn" target="_blank">亚洲国产一区二区三区四区 </a>| <a href="http://www.uw3d85s.cn" target="_blank">精品亚洲成a人在线观看 </a>| <a href="http://www.vbe243.cn" target="_blank">97国产精品视频人人做人人爱 </a>| <a href="http://www.tsw9269.cn" target="_blank">亚洲精品在线播放视频 </a>| <a href="http://www.l7qitgef.cn" target="_blank">国产一区2区</a>| <a href="http://www.60rivw.cn" target="_blank">日韩欧美精品在线 </a>| <a href="http://www.0ruao0nmw.cn" target="_blank">欧美成人高清 </a>| <a href="http://www.unmexho.cn" target="_blank">久久久久久久久久久蜜桃 </a>| <a href="http://www.tlcgjwd.cn" target="_blank">日韩一区欧美 </a>| <a href="http://www.zh7n92l.cn" target="_blank">精品综合</a>| <a href="http://www.wolzcw.cn" target="_blank">国产一级免费视频 </a>| <a href="http://www.jjiuofq.cn" target="_blank">成人在线免费观看 </a>| <a href="http://www.0511hack.cn" target="_blank">国产一区二区三区高清 </a>| <a href="http://www.yudangmi.cn" target="_blank">久久99国产精品久久99大师 </a>| <a href="http://www.6t28j4mk.cn" target="_blank">亚洲午夜精品a </a>| <a href="http://www.4250206.cn" target="_blank">欧美精品在线免费观看 </a>| <a href="http://www.270dqp.cn" target="_blank">亚洲视频一区 </a>| <a href="http://www.52386399.cn" target="_blank">日本福利视频网 </a>| <a href="http://www.6xnig45.cn" target="_blank">清纯唯美亚洲综合 </a>| <a href="http://www.wuxiaxs.cn" target="_blank">日韩欧美在线观看一区二区三区 </a>| <a href="http://www.njqihua.cn" target="_blank">四虎永久免费在线 </a>| <a href="http://www.hekww3a.cn" target="_blank">99精品视频久久精品视频 </a>| <a href="http://www.xf61c8yn.cn" target="_blank">国产美女一区二区 </a>| <a href="http://www.76bkl637.cn" target="_blank">一级毛片电影 </a>| <a href="http://www.suitiyi.cn" target="_blank">日本一区二区视频在线 </a>| <a href="http://www.m16258.cn" target="_blank">久久久成人精品 </a>| <a href="http://www.219wjn.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="7t5fx" class="pl_css_ganrao" style="display: none;"><font id="7t5fx"><legend id="7t5fx"><sup id="7t5fx"><form id="7t5fx"></form></sup></legend></font><address id="7t5fx"></address><big id="7t5fx"></big><rp id="7t5fx"></rp><small id="7t5fx"><menuitem id="7t5fx"><pre id="7t5fx"><strike id="7t5fx"></strike></pre></menuitem></small><listing id="7t5fx"><optgroup id="7t5fx"></optgroup></listing><label id="7t5fx"><video id="7t5fx"></video></label><strike id="7t5fx"></strike><dfn id="7t5fx"></dfn><dl id="7t5fx"><strong id="7t5fx"></strong></dl><mark id="7t5fx"><form id="7t5fx"><p id="7t5fx"><sup id="7t5fx"></sup></p></form></mark><form id="7t5fx"></form><dfn id="7t5fx"></dfn><form id="7t5fx"></form><dfn id="7t5fx"><form id="7t5fx"></form></dfn><optgroup id="7t5fx"><track id="7t5fx"><thead id="7t5fx"><progress id="7t5fx"></progress></thead></track></optgroup><rp id="7t5fx"><em id="7t5fx"></em></rp><i id="7t5fx"><listing id="7t5fx"><dfn id="7t5fx"><output id="7t5fx"></output></dfn></listing></i><rp id="7t5fx"><em id="7t5fx"></em></rp><track id="7t5fx"><b id="7t5fx"></b></track><tt id="7t5fx"></tt><sub id="7t5fx"></sub><dl id="7t5fx"></dl><div id="7t5fx"></div><big id="7t5fx"></big><ol id="7t5fx"></ol><strong id="7t5fx"><optgroup id="7t5fx"></optgroup></strong><output id="7t5fx"><sub id="7t5fx"><thead id="7t5fx"><label id="7t5fx"></label></thead></sub></output><strong id="7t5fx"></strong><listing id="7t5fx"><dfn id="7t5fx"></dfn></listing><b id="7t5fx"><ins id="7t5fx"></ins></b><span id="7t5fx"><thead id="7t5fx"><strong id="7t5fx"><strong id="7t5fx"></strong></strong></thead></span><address id="7t5fx"><div id="7t5fx"></div></address><label id="7t5fx"><pre id="7t5fx"><track id="7t5fx"><b id="7t5fx"></b></track></pre></label><div id="7t5fx"><ol id="7t5fx"></ol></div><legend id="7t5fx"><dfn id="7t5fx"><b id="7t5fx"><ins id="7t5fx"></ins></b></dfn></legend><address id="7t5fx"><div id="7t5fx"></div></address><label id="7t5fx"><video id="7t5fx"><font id="7t5fx"><menuitem id="7t5fx"></menuitem></font></video></label><address id="7t5fx"></address><ins id="7t5fx"><font id="7t5fx"></font></ins><thead id="7t5fx"><big id="7t5fx"><dl id="7t5fx"><pre id="7t5fx"></pre></dl></big></thead><strong id="7t5fx"><track id="7t5fx"></track></strong><sup id="7t5fx"><style id="7t5fx"></style></sup><progress id="7t5fx"></progress><form id="7t5fx"></form><dl id="7t5fx"></dl><rp id="7t5fx"></rp><form id="7t5fx"></form><dfn id="7t5fx"><ruby id="7t5fx"></ruby></dfn><ol id="7t5fx"></ol><ins id="7t5fx"><address id="7t5fx"><legend id="7t5fx"><ol id="7t5fx"></ol></legend></address></ins><ol id="7t5fx"><i id="7t5fx"></i></ol><sup id="7t5fx"></sup><form id="7t5fx"><rp id="7t5fx"></rp></form><ruby id="7t5fx"><thead id="7t5fx"><big id="7t5fx"><acronym id="7t5fx"></acronym></big></thead></ruby><sub id="7t5fx"><big id="7t5fx"></big></sub><legend id="7t5fx"><ol id="7t5fx"><label id="7t5fx"><nobr id="7t5fx"></nobr></label></ol></legend><ol id="7t5fx"></ol><div id="7t5fx"><ol id="7t5fx"></ol></div><progress id="7t5fx"></progress><tt id="7t5fx"><progress id="7t5fx"></progress></tt><em id="7t5fx"></em><acronym id="7t5fx"><legend id="7t5fx"></legend></acronym><dfn id="7t5fx"><u id="7t5fx"></u></dfn><sub id="7t5fx"></sub><optgroup id="7t5fx"><track id="7t5fx"><thead id="7t5fx"><progress id="7t5fx"></progress></thead></track></optgroup><big id="7t5fx"></big><tt id="7t5fx"><mark id="7t5fx"><form id="7t5fx"><p id="7t5fx"></p></form></mark></tt><dfn id="7t5fx"><u id="7t5fx"><ins id="7t5fx"><font id="7t5fx"></font></ins></u></dfn><dfn id="7t5fx"></dfn><th id="7t5fx"><tt id="7t5fx"><progress id="7t5fx"><acronym id="7t5fx"></acronym></progress></tt></th><label id="7t5fx"></label><listing id="7t5fx"><dfn id="7t5fx"><output id="7t5fx"><sub id="7t5fx"></sub></output></dfn></listing><var id="7t5fx"><form id="7t5fx"></form></var><dfn id="7t5fx"><u id="7t5fx"></u></dfn><mark id="7t5fx"><address id="7t5fx"><p id="7t5fx"><sup id="7t5fx"></sup></p></address></mark><legend id="7t5fx"><dfn id="7t5fx"></dfn></legend><strong id="7t5fx"></strong><menuitem id="7t5fx"><sub id="7t5fx"></sub></menuitem><font id="7t5fx"><div id="7t5fx"><ol id="7t5fx"><i id="7t5fx"></i></ol></div></font><legend id="7t5fx"><ol id="7t5fx"><label id="7t5fx"><nobr id="7t5fx"></nobr></label></ol></legend><form id="7t5fx"><ins id="7t5fx"><address id="7t5fx"><div id="7t5fx"></div></address></ins></form><p id="7t5fx"></p><tt id="7t5fx"></tt><ins id="7t5fx"><font id="7t5fx"></font></ins><video id="7t5fx"><font id="7t5fx"></font></video><u id="7t5fx"><mark id="7t5fx"><address id="7t5fx"><p id="7t5fx"></p></address></mark></u><sup id="7t5fx"><label id="7t5fx"><nobr id="7t5fx"><em id="7t5fx"></em></nobr></label></sup><div id="7t5fx"><sup id="7t5fx"><style id="7t5fx"><nobr id="7t5fx"></nobr></style></sup></div><rp id="7t5fx"></rp><acronym id="7t5fx"><legend id="7t5fx"></legend></acronym><acronym id="7t5fx"><legend id="7t5fx"><dfn id="7t5fx"><form id="7t5fx"></form></dfn></legend></acronym><u id="7t5fx"><mark id="7t5fx"><form id="7t5fx"><legend id="7t5fx"></legend></form></mark></u><label id="7t5fx"><strong id="7t5fx"><track id="7t5fx"><b id="7t5fx"></b></track></strong></label><optgroup id="7t5fx"><ruby id="7t5fx"></ruby></optgroup><nobr id="7t5fx"><em id="7t5fx"><meter id="7t5fx"><pre id="7t5fx"></pre></meter></em></nobr><track id="7t5fx"><tt id="7t5fx"><progress id="7t5fx"><form id="7t5fx"></form></progress></tt></track><ruby id="7t5fx"></ruby><output id="7t5fx"></output><listing id="7t5fx"></listing><label id="7t5fx"><strong id="7t5fx"><th id="7t5fx"><tt id="7t5fx"></tt></th></strong></label><address id="7t5fx"></address><small id="7t5fx"></small><form id="7t5fx"></form><address id="7t5fx"><legend id="7t5fx"></legend></address><div id="7t5fx"><ol id="7t5fx"><label id="7t5fx"><video id="7t5fx"></video></label></ol></div><form id="7t5fx"><p id="7t5fx"></p></form><b id="7t5fx"><mark id="7t5fx"></mark></b><p id="7t5fx"></p><meter id="7t5fx"></meter><strike id="7t5fx"><strong id="7t5fx"></strong></strike><strike id="7t5fx"></strike><sub id="7t5fx"><big id="7t5fx"></big></sub><em id="7t5fx"></em><div id="7t5fx"><ol id="7t5fx"></ol></div><small id="7t5fx"><menuitem id="7t5fx"></menuitem></small><form id="7t5fx"><p id="7t5fx"><var id="7t5fx"><form id="7t5fx"></form></var></p></form><progress id="7t5fx"><acronym id="7t5fx"></acronym></progress><form id="7t5fx"><legend id="7t5fx"><var id="7t5fx"><label id="7t5fx"></label></var></legend></form><address id="7t5fx"><legend id="7t5fx"></legend></address><u id="7t5fx"><ins id="7t5fx"><address id="7t5fx"><legend id="7t5fx"></legend></address></ins></u><big id="7t5fx"><dl id="7t5fx"><strong id="7t5fx"><track id="7t5fx"></track></strong></dl></big><progress id="7t5fx"></progress><small id="7t5fx"><menuitem id="7t5fx"><span id="7t5fx"><strike id="7t5fx"></strike></span></menuitem></small><label id="7t5fx"><optgroup id="7t5fx"><track id="7t5fx"><tt id="7t5fx"></tt></track></optgroup></label><progress id="7t5fx"></progress><dl id="7t5fx"><pre id="7t5fx"></pre></dl><meter id="7t5fx"><span id="7t5fx"></span></meter><strong id="7t5fx"></strong><u id="7t5fx"><rp id="7t5fx"></rp></u><form id="7t5fx"><legend id="7t5fx"></legend></form><em id="7t5fx"></em><listing id="7t5fx"><dfn id="7t5fx"><output id="7t5fx"><sub id="7t5fx"></sub></output></dfn></listing><strong id="7t5fx"></strong><listing id="7t5fx"></listing><label id="7t5fx"></label><progress id="7t5fx"></progress><p id="7t5fx"><sup id="7t5fx"></sup></p><th id="7t5fx"><b id="7t5fx"></b></th><sub id="7t5fx"><thead id="7t5fx"><label id="7t5fx"><pre id="7t5fx"></pre></label></thead></sub><legend id="7t5fx"></legend><span id="7t5fx"><strike id="7t5fx"></strike></span><rp id="7t5fx"><em id="7t5fx"></em></rp><em id="7t5fx"><menuitem id="7t5fx"></menuitem></em><sub id="7t5fx"></sub><video id="7t5fx"><font id="7t5fx"><div id="7t5fx"><ol id="7t5fx"></ol></div></font></video><progress id="7t5fx"></progress><style id="7t5fx"><nobr id="7t5fx"><small id="7t5fx"><menuitem id="7t5fx"></menuitem></small></nobr></style><div id="7t5fx"></div><nobr id="7t5fx"></nobr></div> </html>

中文字幕av高清_国产视频一二区_男女羞羞羞视频午夜视频_成人精品一区_欧美色视_在线视频这里只有精品

HTML、CSS、JavaScript分別實現什么功能?