iframe有什么缺點(diǎn)?

一、安全性問(wèn)題

跨域訪問(wèn)： 通過(guò)</code>嵌入的內(nèi)容可能會(huì)與主頁(yè)面來(lái)自不同的域，這可能導(dǎo)致跨域訪問(wèn)問(wèn)題。攻擊者可以利用這一點(diǎn)來(lái)執(zhí)行跨站腳本攻擊（XSS）或其他惡意行為。<strong>點(diǎn)擊劫持：</strong> 惡意網(wǎng)站可以通過(guò)透明的<code><iframe></code>疊加在合法網(wǎng)站上，欺騙用戶在不知情的情況下點(diǎn)擊惡意操作。<p style="text-indent: 2em;"><strong>二、性能影響</strong></p><strong>加載時(shí)間延遲：</strong> 每個(gè)嵌套的<code><iframe></code>都需要單獨(dú)的HTTP請(qǐng)求和頁(yè)面渲染，這可能導(dǎo)致頁(yè)面加載時(shí)間延遲。<strong>內(nèi)存占用：</strong> 多個(gè)<code><iframe></code>會(huì)占用更多的瀏覽器內(nèi)存，尤其是在移動(dòng)設(shè)備上可能導(dǎo)致性能下降。<p style="text-indent: 2em;"><strong>三、可訪問(wèn)性挑戰(zhàn)</strong></p><strong>屏幕閱讀器支持：</strong> 一些屏幕閱讀器可能不完全支持<code><iframe></code>內(nèi)的內(nèi)容，這會(huì)影響視覺(jué)障礙用戶的可訪問(wèn)性。<strong>焦點(diǎn)管理：</strong> 焦點(diǎn)在多個(gè)嵌套的<code><iframe></code>之間的管理可能會(huì)變得復(fù)雜，導(dǎo)致鍵盤(pán)導(dǎo)航問(wèn)題。<p style="text-indent: 2em;"><strong>四、最佳實(shí)踐和建議</strong></p><strong>同源策略：</strong> 始終確保嵌入的內(nèi)容與主頁(yè)面來(lái)自相同的域，以減少跨域訪問(wèn)風(fēng)險(xiǎn)。<strong>添加<code>sandbox</code>屬性：</strong> 使用<code><iframe></code>時(shí)，可以添加<code>sandbox</code>屬性來(lái)限制其功能，從而增強(qiáng)安全性。<strong>優(yōu)化加載性能：</strong> 考慮使用延遲加載或異步加載<code><iframe></code>內(nèi)的內(nèi)容，以減少對(duì)頁(yè)面加載時(shí)間的影響。<strong>測(cè)試可訪問(wèn)性：</strong> 確保嵌入的內(nèi)容對(duì)于所有用戶，包括使用屏幕閱讀器的用戶，都是可訪問(wèn)的。<p style="text-indent: 2em;"><strong>常見(jiàn)問(wèn)答</strong></p><strong>如何解決<code><iframe></code>的安全性問(wèn)題？</strong>始終確保嵌入的內(nèi)容與主頁(yè)面來(lái)自相同的域，以減少跨域訪問(wèn)風(fēng)險(xiǎn)。可以添加<code>sandbox</code>屬性來(lái)限制<code><iframe></code>的功能，增強(qiáng)安全性。<strong>如何確保<code><iframe></code>的可訪問(wèn)性？</strong>測(cè)試嵌入的內(nèi)容，以確保對(duì)于所有用戶，包括使用屏幕閱讀器的用戶，都是可訪問(wèn)的。確保焦點(diǎn)在多個(gè)嵌套的<code><iframe></code>之間的管理不會(huì)導(dǎo)致鍵盤(pán)導(dǎo)航問(wèn)題。<strong>如何優(yōu)化<code><iframe></code>的性能？</strong>使用延遲加載或異步加載<code><iframe></code>內(nèi)的內(nèi)容，以減少對(duì)頁(yè)面加載時(shí)間的影響。盡量減少嵌套的<code><iframe></code>，以減少內(nèi)存占用。</div> <div id="bt88iye" class="tag-wrap" style="margin: 30px auto 0;width: 810px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;"> <span id="btuvbhc" 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.zj-jdl.com/tag-0-1.html">it技術(shù)干貨</a> </div> <div id="knouaah" class="con-left-bottom"> 聲明：本站稿件版權(quán)均屬千鋒教育所有，未經(jīng)許可不得擅自轉(zhuǎn)載。 </div> <div id="jlsteam" class="left-form"> <div id="cyav9tp" class="left-form-left"> <div id="09nt7rn" class="h3">10年以上業(yè)內(nèi)強(qiáng)師集結(jié)，手把手帶你蛻變精英</div> <div id="b0wrs82" class="list-form-item"> <i class="ypfont yp-name"></i> <input type="text" placeholder="您的姓名" name="realname" id="realname" autocomplete="off" /> </div> <div id="26cyalb" 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="yqvrxt3" class="h4">請(qǐng)您保持通訊暢通，專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通</div> <div id="escialh" class="list-submit"> 免費(fèi)領(lǐng)取<br /><i class="ypfont yp-dianjitianjia"></i> </div> </div> <div id="okcidju" class="left-form-right"> <div id="o9c7l3y" class="h3">今日已有<span>369</span>人領(lǐng)取成功</div> <div id="hkvgd4g" class="swiper-container swiper-phone swiper-no-swiping"> <div id="3pflrtz" class="swiper-wrapper"> <div id="9rce9rs" class="swiper-slide"> 劉同學(xué) 138****2860 剛剛成功領(lǐng)取 </div> <div id="9bi2wsd" class="swiper-slide"> 王同學(xué) 131****2015 剛剛成功領(lǐng)取 </div> <div id="ornnep4" class="swiper-slide"> 張同學(xué) 133****4652 剛剛成功領(lǐng)取 </div> <div id="rjkmxoz" class="swiper-slide"> 李同學(xué) 135****8607 剛剛成功領(lǐng)取 </div> <div id="vhyuq34" class="swiper-slide"> 楊同學(xué) 132****5667 剛剛成功領(lǐng)取 </div> <div id="cjuf4iu" class="swiper-slide"> 岳同學(xué) 134****6652 剛剛成功領(lǐng)取 </div> <div id="emmik4n" class="swiper-slide"> 梁同學(xué) 157****2950 剛剛成功領(lǐng)取 </div> <div id="ugb0efq" class="swiper-slide"> 劉同學(xué) 189****1015 剛剛成功領(lǐng)取 </div> <div id="ercyavh" class="swiper-slide"> 張同學(xué) 155****4678 剛剛成功領(lǐng)取 </div> <div id="sag54pr" class="swiper-slide"> 鄒同學(xué) 139****2907 剛剛成功領(lǐng)取 </div> <div id="803wyou" class="swiper-slide"> 董同學(xué) 138****2867 剛剛成功領(lǐng)取 </div> <div id="9bmozaa" class="swiper-slide"> 周同學(xué) 136****3602 剛剛成功領(lǐng)取 </div> </div> </div> </div> </div> </div> <div id="t4yyelg" class="c_page_bottom"> <div id="xzvqcso" class="c_page_bottom_item"> <div id="rozvwhn" class="c_page_bottom_item_up"></div> <p>上一篇</p> <a href="http://www.zj-jdl.com/about/BBS/211398.html" title="211399" target="_blank">java接口的修飾符可以為哪些?</a> </div> <div id="t5y374u" class="c_page_bottom_item"> <div id="biakrno" class="c_page_bottom_item_next"></div> <p>下一篇</p> <a href="http://www.zj-jdl.com/about/BBS/211400.html" target="_blank" title="211399">如何創(chuàng)建動(dòng)畫(huà)效果?</a> </div> </div> <div id="ykmnn5b" 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="liokqcc" class="article article-hot" style="margin-top: 20px"> <div id="fhde992" class="article-tit-box"> <div id="mf5hn8v" class="art-tit h3"> 相關(guān)推薦<span id="9ufl8ov" class="art-hot">HOT</span> </div>  </div> <div id="cyk3nju" class="art-con"> <a href="http://www.zj-jdl.com/about/BBS/211501.html" target="_blank" class="art-item"> <div id="3okbwsi" class="art-item-img"> <img src="/tywzt/tongyong16.jpg" alt="" /> </div> <div id="0alrx4l" class="art-item-info"> <div id="ec4dypq" class="h4">Git 中如何進(jìn)行復(fù)制和粘貼?</div> <p> 1.復(fù)制代碼段在Git中，復(fù)制代碼段通常意味著將代碼從一個(gè)文件或一個(gè)分支復(fù)制到另一個(gè)地方。這是一個(gè)常見(jiàn)的操作，特別是在合并分支或?qū)⒋a從一...<span>詳情>></span> </p> <span>2023-10-16 16:19:38</span> </div> </a> <a href="http://www.zj-jdl.com/about/BBS/211481.html" target="_blank" class="art-item"> <div id="gcyokf4" class="art-item-img"> <img src="/tywzt/ty31.jpg" alt="" /> </div> <div id="vnj459v" class="art-item-info"> <div id="8ioklxi" class="h4">如何解決Linux系統(tǒng)中出現(xiàn)的服務(wù)端口被占用問(wèn)題?</div> <p> 1.檢查端口占用情況首先，你需要確定哪個(gè)端口被占用了。你可以使用命令行工具來(lái)檢查端口占用情況，常用的工具包括netstat、ss和lsof。例如，可...<span>詳情>></span> </p> <span>2023-10-16 16:07:44</span> </div> </a> <a href="http://www.zj-jdl.com/about/BBS/211439.html" target="_blank" class="art-item"> <div id="k0parst" class="art-item-img"> <img src="/tywzt/ty61.jpg" alt="" /> </div> <div id="btevqxi" class="art-item-info"> <div id="evgxikk" class="h4">如何編譯GitHub上項(xiàng)目?</div> <p> 1.克隆項(xiàng)目首先，您需要找到GitHub上的項(xiàng)目。在項(xiàng)目的GitHub頁(yè)面上，您將找到一個(gè)綠色的”Code”按鈕。點(diǎn)擊它，然后復(fù)制項(xiàng)目的URL。...<span>詳情>></span> </p> <span>2023-10-16 15:42:01</span> </div> </a> <a href="http://www.zj-jdl.com/about/BBS/211423.html" target="_blank" class="art-item"> <div id="npkgxi0" class="art-item-img"> <img src="/tywzt/ty43.jpg" alt="" /> </div> <div id="lmsupcy" class="art-item-info"> <div id="8yyz1f9" class="h4">如何進(jìn)行A/B測(cè)試?</div> <p> 一、明確測(cè)試目標(biāo)，確定核心指標(biāo)開(kāi)始A/B測(cè)試前，你首先要明確測(cè)試的目的。是否你希望提高點(diǎn)擊率、增加注冊(cè)數(shù)還是優(yōu)化轉(zhuǎn)化率？根據(jù)目標(biāo)，確定具...<span>詳情>></span> </p> <span>2023-10-16 15:32:47</span> </div> </a> <a href="http://www.zj-jdl.com/about/BBS/211404.html" target="_blank" class="art-item"> <div id="5qqio8a" class="art-item-img"> <img src="/tywzt/ty66.jpg" alt="" /> </div> <div id="skl7ksy" class="art-item-info"> <div id="zq3hjfg" class="h4">c語(yǔ)言字符怎么轉(zhuǎn)化為數(shù)字?</div> <p> 1.理解ASCII碼在C語(yǔ)言中，每個(gè)字符都與一個(gè)ASCII碼值相關(guān)聯(lián)。ASCII碼是一種用于表示字符的標(biāo)準(zhǔn)編碼系統(tǒng)，它將字符映射到整數(shù)值。例如，大寫(xiě)字母...<span>詳情>></span> </p> <span>2023-10-16 15:21:23</span> </div> </a> </div> </div> </div> </div> <div id="qctokvk" class="con-right"> <div id="pbs8hdv" class="con-right-rywd"> <div id="wdnu068" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>熱門(mén)推薦 </div> <div id="9debyzb" class="swiper3"> <a href="http://www.zj-jdl.com/about/BBS/211516.html" target="_blank"> <div id="ljebseq" class="ypfont yp-zhiding"></div> <p>如何從github下載項(xiàng)目?</p> <span id="lxioe23" class="a11">沸</span> </a> <a href="http://www.zj-jdl.com/about/BBS/211512.html" target="_blank"> <div id="c84v9ua" class="ypfont yp-1"></div> <p>如何遵循SOLID原則?</p> <span id="dvgy7nj" class="a21">熱</span> </a> <a href="http://www.zj-jdl.com/about/BBS/211508.html" target="_blank"> <div id="oplmnph" class="ypfont yp-2"></div> <p>如何優(yōu)化數(shù)據(jù)庫(kù)連接池?</p> <span id="0k7xeax" class="a31">熱</span> </a> <a href="http://www.zj-jdl.com/about/BBS/211506.html" target="_blank"> <div id="mfgcjvm" class="ypfont yp-3"></div> <p>如何在Linux中配置防火墻?</p> <span id="reuqhse" class="a41">新</span> </a> <a href="http://www.zj-jdl.com/about/BBS/211502.html" target="_blank"> <div id="m4vh9ou" class="a5"> 4 </div> <p>如何優(yōu)化數(shù)據(jù)庫(kù)查詢?</p> </a> <a href="http://www.zj-jdl.com/about/BBS/211501.html" target="_blank"> <div id="j0bczp1" class="a6"> 5 </div> <p>Git 中如何進(jìn)行復(fù)制和粘貼?</p> </a> <a href="http://www.zj-jdl.com/about/BBS/211499.html" target="_blank"> <div id="50qsjqn" class="a7"> 6 </div> <p>如何在Linux上設(shè)置端口轉(zhuǎn)發(fā)?</p> </a> <a href="http://www.zj-jdl.com/about/BBS/211494.html" target="_blank"> <div id="olb2df3" class="a8"> 7 </div> <p>如何清空git遠(yuǎn)程庫(kù)?</p> </a> <a href="http://www.zj-jdl.com/about/BBS/211486.html" target="_blank"> <div id="go3ct5g" class="a9"> 8 </div> <p>如何使用ThinkPHP6進(jìn)行定時(shí)任務(wù)操作?</p> </a> <a href="http://www.zj-jdl.com/about/BBS/211481.html" target="_blank"> <div id="ad8wj93" class="a10"> 9 </div> <p>如何解決Linux系統(tǒng)中出現(xiàn)的服務(wù)端口被占用問(wèn)題?</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="0zvmyjp" class="con-right-rywd"> <div id="k8fqspa" class="tk-tit h3"> <a class="left" href="http://www.zj-jdl.com/about/BBS/" target="_blank"><i class="ypfont yp-fabujishu" ></i>技術(shù)干貨</a> <a href="http://www.zj-jdl.com/about/BBS/" target="_blank">更多>></a> </div> <div id="jf0yyyk" class="swiper2 "> <a href="http://www.zj-jdl.com/about/BBS/258998.html" class="swiper-slide" target="_blank"> <div id="ho13p3z" class="img-box"> <img src="http://www.zj-jdl.com//tywzt/ty33.jpg" alt="" /> </div> <div> <div id="orwyy0e" class="h3">如何實(shí)現(xiàn)服務(wù)器負(fù)載均衡</div> <p>2023-12-06</p> </div> </a> <a href="http://www.zj-jdl.com/about/BBS/258997.html" class="swiper-slide" target="_blank"> <div id="iamtk7p" class="img-box"> <img src="http://www.zj-jdl.com//tywzt/tongyong12.jpg" alt="" /> </div> <div> <div id="dghj48z" class="h3">linux有哪些優(yōu)勢(shì)和劣勢(shì)</div> <p>2023-12-06</p> </div> </a> <a href="http://www.zj-jdl.com/about/BBS/258996.html" class="swiper-slide" target="_blank"> <div id="tlr0eab" class="img-box"> <img src="http://www.zj-jdl.com//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="n8xjgsy" class="h3">linux需要驅(qū)動(dòng)嗎</div> <p>2023-12-06</p> </div> </a> <a href="http://www.zj-jdl.com/about/BBS/258995.html" class="swiper-slide" target="_blank"> <div id="1ipe7cs" class="img-box"> <img src="http://www.zj-jdl.com//tywzt/tongyong7.jpg" alt="" /> </div> <div> <div id="ogdk33q" class="h3">android與linux的區(qū)別</div> <p>2023-12-06</p> </div> </a> <a href="http://www.zj-jdl.com/about/BBS/258994.html" class="swiper-slide" target="_blank"> <div id="xza9cuf" class="img-box"> <img src="http://www.zj-jdl.com//tywzt/ty64.jpg" alt="" /> </div> <div> <div id="gctpro5" class="h3">如何搭建基于容器的深度學(xué)習(xí)環(huán)境</div> <p>2023-12-06</p> </div> </a> </div> </div>  <div id="gifq9qx" class="con-right-rywd"> <div id="52qw9pk" class="tk-tit h3"> <a class="left" href="http://www.zj-jdl.com/zcjy/" target="_blank"><i class="ypfont yp-minzhengtubiao1-46" ></i>職場(chǎng)就業(yè)</a> <a href="http://www.zj-jdl.com/zcjy/" target="_blank">更多>></a> </div> <div id="wta2zmd" class="swiper2 "> <a href="http://www.zj-jdl.com/zcjy/wlaq/259025.html" class="swiper-slide zcjy" target="_blank"> <div id="o0d9gsm" class="img-box"> <img src="http://www.zj-jdl.com//tywzt/ty41.jpg" alt="" /> </div> <div> <div id="wt7dtqs" class="h3">網(wǎng)絡(luò)安全軟件開(kāi)發(fā)的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.zj-jdl.com/zcjy/python/259024.html" class="swiper-slide zcjy" target="_blank"> <div id="t0hxezl" class="img-box"> <img src="http://www.zj-jdl.com//tywzt/tongyong6.jpg" alt="" /> </div> <div> <div id="we68pwo" class="h3">學(xué)會(huì)python工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.zj-jdl.com/zcjy/java/259023.html" class="swiper-slide zcjy" target="_blank"> <div id="oqmsyam" class="img-box"> <img src="http://www.zj-jdl.com//tywzt/tongyong2.jpg" alt="" /> </div> <div> <div id="4bsepc5" class="h3">學(xué)會(huì)java工程師后的就業(yè)前景</div> <p>2023-12-09</p> </div> </a> <a href="http://www.zj-jdl.com/zcjy/linux/136992.html" class="swiper-slide zcjy" target="_blank"> <div id="t8d7x7h" class="img-box"> <img src="http://www.zj-jdl.com//2023/0428/1682660765277.png" alt="" /> </div> <div> <div id="pgs83zb" class="h3">云計(jì)算技術(shù)就業(yè)前景以及發(fā)展方向怎樣？</div> <p>2023-08-07</p> </div> </a> </div> </div>  <div id="f0avmdt" class="con-right-rywd"> <div id="x0mntkv" class="rywd-tit h3"> <i class="ypfont yp-weinituijian"></i>快速通道</div> <ul class="kstd"> <li> <div id="p7lntac" class="h3">培訓(xùn)機(jī)構(gòu)</div> <a href="http://www.zj-jdl.com/training/" target="_blank">了解培訓(xùn)相關(guān)</a> </li> <li> <div id="8qr9opa" class="h3">就業(yè)前景</div> <a href="http://www.zj-jdl.com/zcjy/" target="_blank">查看就業(yè)前景</a> </li> <li> <div id="wzls4my" class="h3">培訓(xùn)門(mén)檻</div> <a href="http://www.zj-jdl.com/ljc/" target="_blank">了解學(xué)習(xí)門(mén)檻</a> </li> <li> <div id="jgczlno" class="h3">應(yīng)聘面試</div> <a href="http://www.zj-jdl.com/interview/" target="_blank">常見(jiàn)面試考題</a> </li> <li> <div id="gy3m0p4" class="h3">就業(yè)服務(wù)</div> <a href="http://www.zj-jdl.com/employ/" target="_blank" rel="nofollow">畢業(yè)推薦就業(yè)</a> </li> <li> <div id="xpvsi2d" class="h3">師資團(tuán)隊(duì)</div> <a href="http://www.zj-jdl.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="uukb7ek" class="edu-footer"> <div id="0f8r5qh" class="base"> <div id="c3nel0u" class="con-left"> <img src="http://www.zj-jdl.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="iflmcto" class="con-right"> <div id="tl9sjaq" class="edu-footer-about-links"> <div id="xalny9r" class="list1 list"> <div id="dvwsozk" class="h4">關(guān)于千鋒</div> <ul> <li> <a href="http://www.zj-jdl.com/about/" target="_blank" rel="nofollow">千鋒簡(jiǎn)介</a> </li> <li> <a href="http://www.zj-jdl.com/about/contact.html" target="_blank" rel="nofollow">聯(lián)系我們</a> </li> <li> <a href="http://www.zj-jdl.com/qynx/" target="_blank" rel="nofollow">企業(yè)服務(wù)</a> </li> <li> <a href="http://www.zj-jdl.com/topic/fygy.html" target="_blank" rel="nofollow">鋒益公益</a> </li> </ul> </div> <div id="qyegqn3" class="list1 list"> <div id="ybhyekk" class="h4">學(xué)習(xí)資源</div> <ul> <li> <a target="_blank" rel="nofollow">項(xiàng)目庫(kù)</a> </li> <li> <a href="http://www.zj-jdl.com/open/" target="_blank" rel="nofollow">公開(kāi)課</a> </li> <li> <a target="_blank" rel="nofollow">視頻教程</a> </li>  </ul> </div> <div id="394qlco" class="list1 list"> <div id="cp999vm" 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.zj-jdl.com/sitemap.html" target="_blank" rel="nofollow">網(wǎng)站地圖</a> </li> <li> <a href="http://www.zj-jdl.com/privacyPolicy.html" target="_blank" rel="nofollow">隱私聲明</a> </li> </ul> </div> </div> <div id="mk74rsi" class="qrcode-box"> <div id="qw888bd" class="qrcode flex-center"> <img src="/wzt/qr-code-new.png" alt="千鋒教育" /> </div> <div id="i9hoikq" class="h4">千鋒學(xué)習(xí)站 | <span>隨時(shí)隨地免費(fèi)學(xué)</span></div> </div> <div id="ckaaugr" class="qrcode-box"> <div id="r3lx8sz" class="qrcode flex-center"> <img src="http://www.zj-jdl.com/images_index/qr-code-new2.png" alt="千鋒教育" /> </div> <div id="4dj6hpv" class="h4">掃一掃進(jìn)入千鋒手機(jī)站</div> </div> </div> </div> </div> <div id="umde8qc" class="footer-link"> <div id="uhdv0yk" class="base"> <div id="a9bsuk7" class="links-tab"> <span id="myjrno8" class="active">熱門(mén)課程</span>    </div> <div id="ov4rm3l" class="links-a active">  <a href="http://www.zj-jdl.com/" target="_blank">IT培訓(xùn)</a> <a target="_blank">java培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/harmonyos.html" target="_blank">鴻蒙開(kāi)發(fā)培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/emb.html" target="_blank">嵌入式培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/python.html" target="_blank">python培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/ui.html" target="_blank">UI培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/test.html" target="_blank">軟件測(cè)試培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/linux.html" target="_blank">云計(jì)算培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/bigdata.html" target="_blank">大數(shù)據(jù)培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/wlw.html" target="_blank">物聯(lián)網(wǎng)培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/wlw.html" target="_blank">游戲開(kāi)發(fā)培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/qmt.html" target="_blank">全媒體運(yùn)營(yíng)培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/ysjj.html" target="_blank">影視剪輯培訓(xùn)</a> <a href="http://www.zj-jdl.com/special/wlaq.html" target="_blank">網(wǎng)絡(luò)安全培訓(xùn)</a> </div>        </div> <div id="gzeaizk" 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.zj-jdl.com/js/jquery.min.js"></script> <script src="http://www.zj-jdl.com/js/swiper4.5.0.min.js"></script> <script src="http://www.zj-jdl.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.zj-jdl.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"); }); // 開(kāi)班信息模塊 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 = "爆滿開(kāi)班"; } r += "<li id="h0lso88" 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 === "爆滿開(kāi)班" ? 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.zj-jdl.com/" title="成人免费观看网欧美片-成人免费观看视频-成人免费观看男女羞羞视频-成人免费观看的视频黄页-成人免费高清视频-成人免费福利片在线观看">成人免费观看网欧美片-成人免费观看视频-成人免费观看男女羞羞视频-成人免费观看的视频黄页-成人免费高清视频-成人免费福利片在线观看</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="tju9b" class="pl_css_ganrao" style="display: none;"><s id="tju9b"></s><center id="tju9b"><small id="tju9b"></small></center><progress id="tju9b"><kbd id="tju9b"></kbd></progress><ol id="tju9b"><tbody id="tju9b"></tbody></ol><address id="tju9b"><code id="tju9b"></code></address><big id="tju9b"><ins id="tju9b"><center id="tju9b"></center></ins></big><td id="tju9b"><strong id="tju9b"></strong></td><s id="tju9b"></s><output id="tju9b"><source id="tju9b"><blockquote id="tju9b"></blockquote></source></output><ul id="tju9b"><strong id="tju9b"></strong></ul><legend id="tju9b"></legend><center id="tju9b"></center><span id="tju9b"><dd id="tju9b"></dd></span><rt id="tju9b"><sub id="tju9b"></sub></rt><pre id="tju9b"></pre><optgroup id="tju9b"></optgroup><font id="tju9b"></font><thead id="tju9b"><blockquote id="tju9b"></blockquote></thead><wbr id="tju9b"><samp id="tju9b"><tr id="tju9b"><thead id="tju9b"></thead></tr></samp></wbr><center id="tju9b"></center><dd id="tju9b"></dd><option id="tju9b"></option><pre id="tju9b"><rp id="tju9b"><listing id="tju9b"></listing></rp></pre><b id="tju9b"></b><noscript id="tju9b"><pre id="tju9b"></pre></noscript><tt id="tju9b"><th id="tju9b"><sup id="tju9b"></sup></th></tt><fieldset id="tju9b"><menuitem id="tju9b"></menuitem></fieldset><strong id="tju9b"><tfoot id="tju9b"><pre id="tju9b"><dd id="tju9b"></dd></pre></tfoot></strong><form id="tju9b"></form><menu id="tju9b"></menu><abbr id="tju9b"></abbr><strong id="tju9b"><pre id="tju9b"></pre></strong><object id="tju9b"><center id="tju9b"><bdo id="tju9b"></bdo></center></object><sup id="tju9b"></sup><tbody id="tju9b"></tbody><dfn id="tju9b"></dfn><dd id="tju9b"></dd><dd id="tju9b"><u id="tju9b"></u></dd><table id="tju9b"></table><pre id="tju9b"><video id="tju9b"><center id="tju9b"></center></video></pre><legend id="tju9b"><u id="tju9b"></u></legend><th id="tju9b"></th><form id="tju9b"><noframes id="tju9b"><label id="tju9b"></label></noframes></form><mark id="tju9b"></mark><output id="tju9b"></output><var id="tju9b"><del id="tju9b"></del></var><sup id="tju9b"><tr id="tju9b"><span id="tju9b"></span></tr></sup><strike id="tju9b"></strike><strike id="tju9b"><optgroup id="tju9b"></optgroup></strike><tr id="tju9b"><td id="tju9b"></td></tr><sub id="tju9b"></sub><fieldset id="tju9b"><ul id="tju9b"><tr id="tju9b"><style id="tju9b"></style></tr></ul></fieldset><pre id="tju9b"><em id="tju9b"><strike id="tju9b"><output id="tju9b"></output></strike></em></pre><td id="tju9b"></td><tr id="tju9b"></tr><pre id="tju9b"></pre><tbody id="tju9b"></tbody><th id="tju9b"></th><thead id="tju9b"></thead><table id="tju9b"><ul id="tju9b"><pre id="tju9b"></pre></ul></table><pre id="tju9b"></pre><code id="tju9b"><blockquote id="tju9b"><optgroup id="tju9b"></optgroup></blockquote></code><acronym id="tju9b"></acronym><i id="tju9b"><optgroup id="tju9b"></optgroup></i><p id="tju9b"><tfoot id="tju9b"></tfoot></p><progress id="tju9b"><address id="tju9b"><option id="tju9b"><abbr id="tju9b"></abbr></option></address></progress><var id="tju9b"><dfn id="tju9b"></dfn></var><tr id="tju9b"><acronym id="tju9b"></acronym></tr><option id="tju9b"></option><li id="tju9b"></li><font id="tju9b"><b id="tju9b"><pre id="tju9b"></pre></b></font><ruby id="tju9b"></ruby><cite id="tju9b"></cite><menuitem id="tju9b"></menuitem><object id="tju9b"></object><li id="tju9b"><small id="tju9b"><ul id="tju9b"></ul></small></li><li id="tju9b"><strong id="tju9b"></strong></li><style id="tju9b"></style><label id="tju9b"></label><p id="tju9b"><delect id="tju9b"><ol id="tju9b"></ol></delect></p><kbd id="tju9b"></kbd><dfn id="tju9b"><video id="tju9b"></video></dfn><td id="tju9b"></td><sup id="tju9b"><strong id="tju9b"></strong></sup><s id="tju9b"><pre id="tju9b"><var id="tju9b"></var></pre></s><sup id="tju9b"><pre id="tju9b"><small id="tju9b"></small></pre></sup><tr id="tju9b"></tr><fieldset id="tju9b"><del id="tju9b"><rt id="tju9b"><pre id="tju9b"></pre></rt></del></fieldset><ruby id="tju9b"></ruby><dfn id="tju9b"><small id="tju9b"><ol id="tju9b"></ol></small></dfn><strike id="tju9b"></strike><sub id="tju9b"><delect id="tju9b"><form id="tju9b"><pre id="tju9b"></pre></form></delect></sub><strike id="tju9b"><optgroup id="tju9b"></optgroup></strike><pre id="tju9b"><address id="tju9b"><strike id="tju9b"></strike></address></pre><strong id="tju9b"></strong><small id="tju9b"></small><sup id="tju9b"></sup><var id="tju9b"></var><tfoot id="tju9b"><abbr id="tju9b"><source id="tju9b"></source></abbr></tfoot><samp id="tju9b"></samp><abbr id="tju9b"></abbr><acronym id="tju9b"><bdo id="tju9b"><progress id="tju9b"></progress></bdo></acronym><del id="tju9b"><label id="tju9b"><address id="tju9b"></address></label></del><small id="tju9b"><tfoot id="tju9b"></tfoot></small><optgroup id="tju9b"><ruby id="tju9b"></ruby></optgroup><strike id="tju9b"><ins id="tju9b"></ins></strike><acronym id="tju9b"></acronym><ruby id="tju9b"><strong id="tju9b"></strong></ruby><code id="tju9b"></code><font id="tju9b"><fieldset id="tju9b"></fieldset></font><ul id="tju9b"><tbody id="tju9b"></tbody></ul><legend id="tju9b"><mark id="tju9b"><li id="tju9b"></li></mark></legend><listing id="tju9b"></listing><kbd id="tju9b"><pre id="tju9b"><tbody id="tju9b"><thead id="tju9b"></thead></tbody></pre></kbd><label id="tju9b"><mark id="tju9b"><s id="tju9b"></s></mark></label><rp id="tju9b"><p id="tju9b"></p></rp><dl id="tju9b"></dl><strike id="tju9b"><center id="tju9b"><td id="tju9b"></td></center></strike><video id="tju9b"><strike id="tju9b"><tt id="tju9b"><th id="tju9b"></th></tt></strike></video><strong id="tju9b"></strong><acronym id="tju9b"><rp id="tju9b"></rp></acronym><sup id="tju9b"></sup><address id="tju9b"><option id="tju9b"><var id="tju9b"></var></option></address><dfn id="tju9b"></dfn><pre id="tju9b"></pre><del id="tju9b"><rt id="tju9b"></rt></del><tr id="tju9b"><noscript id="tju9b"><sub id="tju9b"><listing id="tju9b"></listing></sub></noscript></tr><pre id="tju9b"><var id="tju9b"><del id="tju9b"></del></var></pre><delect id="tju9b"></delect><th id="tju9b"><kbd id="tju9b"><s id="tju9b"><pre id="tju9b"></pre></s></kbd></th><acronym id="tju9b"></acronym><track id="tju9b"><strong id="tju9b"></strong></track><var id="tju9b"><del id="tju9b"><input id="tju9b"><ruby id="tju9b"></ruby></input></del></var><label id="tju9b"></label><strong id="tju9b"></strong><delect id="tju9b"></delect><xmp id="tju9b"></xmp><abbr id="tju9b"></abbr><ol id="tju9b"><output id="tju9b"></output></ol><acronym id="tju9b"><noscript id="tju9b"><strong id="tju9b"></strong></noscript></acronym><center id="tju9b"><delect id="tju9b"><mark id="tju9b"></mark></delect></center><object id="tju9b"><noscript id="tju9b"></noscript></object><source id="tju9b"><em id="tju9b"><strong id="tju9b"><u id="tju9b"></u></strong></em></source><source id="tju9b"></source><address id="tju9b"><em id="tju9b"></em></address><s id="tju9b"><acronym id="tju9b"></acronym></s><xmp id="tju9b"><ul id="tju9b"><video id="tju9b"><code id="tju9b"></code></video></ul></xmp><button id="tju9b"><cite id="tju9b"><progress id="tju9b"></progress></cite></button><samp id="tju9b"><tr id="tju9b"><thead id="tju9b"></thead></tr></samp><dfn id="tju9b"><font id="tju9b"><b id="tju9b"><output id="tju9b"></output></b></font></dfn></div> </html>