摘要：當(dāng)一個(gè)元素的屬性值為時(shí)，它負(fù)責(zé)對自己和可能的子孫元素進(jìn)行尺寸計(jì)算和定位。哪些元素默認(rèn)有屬性在瀏覽器中下列默認(rèn)的元素很多情況下，我們把的狀態(tài)改成就可以解決很大部分下顯示的。這兒所示的一般指的是以及以下的瀏覽器。

hasLayout是IE特有的一個(gè)屬性。很多的ie下的css bug都與其息息相關(guān)。在ie中，一個(gè)元素要么自己對自身的內(nèi)容進(jìn)行計(jì)算大小和組織，要么依賴于父元素來計(jì)算尺寸和組織內(nèi)容。當(dāng)一個(gè)元素的hasLayout屬性值為true時(shí)，它負(fù)責(zé)對自己和可能的子孫元素進(jìn)行尺寸計(jì)算和定位。雖然這意味著這個(gè)元素需要花更多的代價(jià)來維護(hù)自身和里面的內(nèi)容，而不是依賴于祖先元素來完成這些工作。

在IE瀏覽器中下列默認(rèn)hasLayout=true的元素

<button> <iframe> <embed> <object> <applet> <marquee></b></p> <p>很多情況下，我們把 hasLayout的狀態(tài)改成true 就可以解決很大部分ie下顯示的<b>bug</b>。<br>這兒所示的bug一般指的是IE7以及以下的瀏覽器。</p> <b>如何設(shè)置haslayout？</b> <p>下面列出可以觸發(fā)hasLayout的一些CSS屬性值。</p> <p>position: <b>absolute</b> (取消使用：static)</p> <p>float: <b>left or right</b>(取消使用：none)</p> <p>display: <b>inline-block</b> (取消使用：其它值)</p> <p>width: <b>除了auto以外的值</b>(取消使用：auto)</p> <p>height: <b>除了auto以外的值</b>(取消使用：auto)</p> <p>zoom: <b>有值</b>(取消使用：normal或者空值)</p> <p>ie7還有一些額外的屬性可以觸發(fā)該屬性（不完全列表）：</p> <p>min-height: (網(wǎng)上查看說是任何值，但實(shí)踐發(fā)現(xiàn)還是<b>除了none與auto</b>)</p> <p>max-height: (任何值除了none與auto)</p> <p>min-width: (網(wǎng)上查看說是任何值，但實(shí)踐發(fā)現(xiàn)還是<b>除了none與auto</b>)</p> <p>max-width: (任何值除了none與auto)</p> <p>overflow: (任何值除了visible)</p> <p>overflow-x: (任何值除了visible)</p> <p>overflow-y: (任何值除了visible)</p> <p>position: fixed</p> <b>js測試一個(gè)元素是否有l(wèi)ayout</b> <pre><div class="qoyqs8suu2u" id="menu" onclick="javascript:alert(menu.currentStyle.hasLayout)">這個(gè)是文本內(nèi)容</div></pre> <p>在IE瀏覽器中點(diǎn)擊這個(gè)ID為menu的DOM元素，如果元素有l(wèi)ayout，那么彈出來的結(jié)果是<b>true</b>,否則為<b>false</b>。</p> <b>舉例</b> <p>1.當(dāng)一個(gè)元素內(nèi)含浮動(dòng)或絕對定位的內(nèi)容時(shí)，它通常會表現(xiàn)出奇怪和錯(cuò)誤的行為，看下面的代碼：<br>html:</p> <pre><div class="qoyqs8suu2u" id="nofloatbox"> <div class="qoyqs8suu2u" id="floatbox"></div> </div></pre> <p>css：</p> <pre>#nofloatbox { border: 1px solid #FF0000; background: #CCC; zoom:1; } #floatbox { float: left; width: 100px; height: 100px; border: 1px solid #0000FF; background: #00FF00; }</pre> <p>IE瀏覽器得到的結(jié)果如圖所示：<br><script type="text/javascript">showImg("https://segmentfault.com/img/bVTPv8?w=185&h=132");</script></p> <p>可見無浮動(dòng)的div并沒有被里面的浮動(dòng)元素的高度撐開，其高度并不會自動(dòng)計(jì)算。我們下面再給這個(gè)無浮動(dòng)的div加上個(gè)zoom:1;來觸發(fā)其hasLayout屬性試試，css代碼如下：</p> <pre>#nofloatbox { border: 1px solid #FF0000; background: #CCC; zoom:1; }</pre> <p>在IE7以及低版本瀏覽器得到的結(jié)果如圖：<br><script type="text/javascript">showImg("https://segmentfault.com/img/bVTPwS?w=208&h=126");</script></p> <p>那么其它標(biāo)準(zhǔn)瀏覽器就相當(dāng)于清除子元素的浮動(dòng)就可以，在父元素中添加<b>overflow:hidden</b>就可以。</p> <p>2.<b>hasLayout</b>對于<b>內(nèi)聯(lián)元素</b>也可以有效果，當(dāng)內(nèi)聯(lián)元素的hasLayout為true的時(shí)候，可以給這個(gè)內(nèi)聯(lián)元素設(shè)定高度和寬度并得到期望的效果,（<b>這兒是指IE7以及低版本瀏覽器</b>）如下例：</p> <pre><p>今天的<span style="width: 100px; height: 50px; background: #DDD;">天氣</span>真好</p></pre> <p>瀏覽器的效果如圖所示：<br><script type="text/javascript">showImg("https://segmentfault.com/img/bVTPy0?w=145&h=43");</script></p> <p>下面給span加上<b>zoom: 1</b>;來觸發(fā)hasLayout：</p> <pre><p>今天的<span style="width: 100px; height: 50px; background: #DDD;zoom:1">天氣</span>真好</p></pre> <p>在IE7瀏覽器中的效果如圖所示：<br><script type="text/javascript">showImg("https://segmentfault.com/img/bVTPzt?w=211&h=68");</script></p> <pre><p>注意：要注意的是，hasLayout是微軟專有的東西，對<b>firefox</b>,<b>Chrome</b>等比較遵守標(biāo)準(zhǔn)的瀏覽器就無效了，因此不可太過依賴。其實(shí)依據(jù)合理的語義化，恰當(dāng)?shù)奈臋n流，正確的標(biāo)準(zhǔn)化所生產(chǎn)出來的頁面，在各個(gè)公司出品的標(biāo)準(zhǔn)渲染的瀏覽器下，一般并不會存在太多兼容性的問題的。</p></pre> </div> <div id="qoyqs8suu2u" class="mt-64 tags-seach" > <div id="qoyqs8suu2u" class="tags-info"> <a style="width:120px;" title="云服務(wù)器" href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a> <a style="width:120px;" title="GPU云服務(wù)器" href="http://systransis.cn/site/product/gpu.html">GPU云服務(wù)器</a> <a style="width:120px;" title="IE，haslayout" href="http://systransis.cn/yun/tag/IEhaslayout/">IE，haslayout</a> <a style="width:120px;" title="跳轉(zhuǎn)html顯示ie8css" href="http://systransis.cn/yun/tag/tiaozhuanhtmlxianshiie8css/">跳轉(zhuǎn)html顯示ie8css</a> <a style="width:120px;" title="php中css的用法" href="http://systransis.cn/yun/tag/phpzhongcssdeyongfa/">php中css的用法</a> <a style="width:120px;" title="瀏覽器對和css3的支持" href="http://systransis.cn/yun/tag/lanqiduihecss3dezhichi/">瀏覽器對和css3的支持</a> </div> </div> <div id="qoyqs8suu2u" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p> <p>轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/112466.html</p> </div> <ul class="pre-next-page"> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/112465.html">上一篇：CSS 屬性賦值</a></li> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/112467.html">下一篇：豎直居中方式總結(jié)</a></li> </ul> </div> <div id="qoyqs8suu2u" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/49787.html"><b>談?wù)凚FC與<em>ie</em>特有屬性<em>hasLayout</em></b></a></h2> <p class="ellipsis2 good">摘要：當(dāng)一個(gè)內(nèi)聯(lián)元素想獲得就要使用這個(gè)屬性。下因?yàn)閷?dǎo)致的浮動(dòng)元素與普通元素之間產(chǎn)生代碼如下我是浮動(dòng)元素我是后面的文字，用來測試的正常情況下解決方式加一個(gè)的不只是文字，的浮動(dòng)元素也會和內(nèi)聯(lián)元素產(chǎn)生的值。設(shè)置屬性的元素不和任何元素發(fā)生合并。 發(fā)現(xiàn)我好久沒更新博文了=-=這里把我之前在博客園寫過的一篇關(guān)于BFC的文章粘貼過來，順便自己也再次做個(gè)總結(jié)。 最近看了一篇總結(jié)ie常見bug的文章，里面提...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-738.html"><img src="http://systransis.cn/yun/data/avatar/000/00/07/small_000000738.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">iliyaku</span></a> <time datetime="">2019-08-01 15:08</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/115118.html"><b>談?wù)凚FC與<em>ie</em>特有屬性<em>hasLayout</em></b></a></h2> <p class="ellipsis2 good">摘要：當(dāng)一個(gè)內(nèi)聯(lián)元素想獲得就要使用這個(gè)屬性。下因?yàn)閷?dǎo)致的浮動(dòng)元素與普通元素之間產(chǎn)生代碼如下我是浮動(dòng)元素我是后面的文字，用來測試的正常情況下解決方式加一個(gè)的不只是文字，的浮動(dòng)元素也會和內(nèi)聯(lián)元素產(chǎn)生的值。設(shè)置屬性的元素不和任何元素發(fā)生合并。 發(fā)現(xiàn)我好久沒更新博文了=-=這里把我之前在博客園寫過的一篇關(guān)于BFC的文章粘貼過來，順便自己也再次做個(gè)總結(jié)。 最近看了一篇總結(jié)ie常見bug的文章，里面提...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-513.html"><img src="http://systransis.cn/yun/data/avatar/000/00/05/small_000000513.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">CodeSheep</span></a> <time datetime="">2019-08-30 12:51</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/113691.html"><b>2019屆校招前端面試題整理——HTML、<em>CSS</em><em>篇</em></b></a></h2> <p class="ellipsis2 good">摘要：前言屆校招陸陸續(xù)續(xù)開始了，整理了一些高頻的面試題。標(biāo)簽提供給頁面的一些元信息名稱值對，有助于。開啟缺點(diǎn)一個(gè)是不支持，另一個(gè)是一旦子元素的大小超過父容器的大小，就會出顯示問題。用于設(shè)置或檢索元素的縮放比例，值為即使用元素的實(shí)際尺寸。 前言 2019屆校招陸陸續(xù)續(xù)開始了，整理了一些高頻的面試題。 HTML部分 1. 什么是？ DOCTYPE是html5標(biāo)準(zhǔn)網(wǎng)頁聲明，且必須聲明在HTML文檔...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-674.html"><img src="http://systransis.cn/yun/data/avatar/000/00/06/small_000000674.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">Turbo</span></a> <time datetime="">2019-08-29 16:21</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/52847.html"><b>2019屆校招前端面試題整理——HTML、<em>CSS</em><em>篇</em></b></a></h2> <p class="ellipsis2 good">摘要：前言屆校招陸陸續(xù)續(xù)開始了，整理了一些高頻的面試題。標(biāo)簽提供給頁面的一些元信息名稱值對，有助于。開啟缺點(diǎn)一個(gè)是不支持，另一個(gè)是一旦子元素的大小超過父容器的大小，就會出顯示問題。用于設(shè)置或檢索元素的縮放比例，值為即使用元素的實(shí)際尺寸。 前言 2019屆校招陸陸續(xù)續(xù)開始了，整理了一些高頻的面試題。 HTML部分 1. 什么是？ DOCTYPE是html5標(biāo)準(zhǔn)網(wǎng)頁聲明，且必須聲明在HTML文檔...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-268.html"><img src="http://systransis.cn/yun/data/avatar/000/00/02/small_000000268.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">Tamic</span></a> <time datetime="">2019-08-02 11:13</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/114172.html"><b><em>瀏<em>覽器</em></em>兼容</b></a></h2> <p class="ellipsis2 good">摘要：一什么是瀏覽器兼容問題同一份代碼，有的瀏覽器顯示效果正常，有的瀏覽器顯示不正常二為什么會有瀏覽器兼容問題同一產(chǎn)品，版本越老越多同一產(chǎn)品，版本越新，功能越多。實(shí)際項(xiàng)目中大部分是針對瀏覽器不同版本之間的表現(xiàn)差異而引入的。 一、什么是瀏覽器兼容問題 同一份代碼，有的瀏覽器顯示效果正常，有的瀏覽器顯示不正常 二、為什么會有瀏覽器兼容問題 同一產(chǎn)品，版本越老 bug 越多 同一產(chǎn)品，版本越新，...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1687.html"><img src="http://systransis.cn/yun/data/avatar/000/00/16/small_000001687.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">hqman</span></a> <time datetime="">2019-08-29 17:12</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> </ul> </div> <div id="qoyqs8suu2u" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發(fā)表評論</span></h3> <div id="qoyqs8suu2u" class="xcp-publish-main flex_box_zd"> <div id="qoyqs8suu2u" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="qoyqs8suu2u" class="site-box-content"> <div id="qoyqs8suu2u" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="qoyqs8suu2u" class="pages"></ul></div> </div> </div> <div id="qoyqs8suu2u" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="qoyqs8suu2u" class=""> <div id="qoyqs8suu2u" class="com_layuiright-box user-msgbox"> <a href="http://systransis.cn/yun/u-660.html"><img src="http://systransis.cn/yun/data/avatar/000/00/06/small_000000660.jpg" alt=""></a> <h3><a href="http://systransis.cn/yun/u-660.html" rel="nofollow">bitkylin</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="qoyqs8suu2u" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(660)" id="attenttouser_660" class="grad follow-btn notfollow attention">我要關(guān)注</a> <a href="javascript:login()" title="發(fā)私信" >我要私信</a> </div> <div id="qoyqs8suu2u" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://systransis.cn/yun/ut-660.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/130649.html">tensorflow</a></h3> <p>閱讀 3330<span>·</span>2023-04-25 16:25</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/123391.html">80VPS新上日本CN2線路VPS,2G內(nèi)存套餐年付330元起</a></h3> <p>閱讀 3859<span>·</span>2021-11-15 18:01</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/119860.html">#中秋活動(dòng)#JGKVM：VPS買一送二，購買一個(gè)月可贈(zèng)送兩個(gè)月，提供6折優(yōu)惠碼</a></h3> <p>閱讀 1618<span>·</span>2021-09-10 11:21</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/117896.html">阿里云云大使、騰訊云推薦者、華為云云推官和UCloud優(yōu)刻得U大使，云服務(wù)器新用戶CPS推薦返利選哪</a></h3> <p>閱讀 3025<span>·</span>2021-08-02 16:53</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/117235.html">深入淺出，手把手教你編寫正則表達(dá)式</a></h3> <p>閱讀 3092<span>·</span>2019-08-30 15:55</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/113716.html">那些年，碰上過的面試題</a></h3> <p>閱讀 2499<span>·</span>2019-08-29 16:24</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/112466.html">CSS基礎(chǔ)篇--CSS中IE瀏覽器的hasLayout，IE低版本的bug根源</a></h3> <p>閱讀 2110<span>·</span>2019-08-29 13:14</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/112300.html">iconfont實(shí)踐小結(jié)</a></h3> <p>閱讀 1044<span>·</span>2019-08-29 13:00</p></li> </ul> </div> <!-- 文章詳情右側(cè)廣告--> <div id="qoyqs8suu2u" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動(dòng)</span></h6> <div id="qoyqs8suu2u" class="com_adbox"> <div id="qoyqs8suu2u" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://systransis.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器"> </a> </div> <div> <a href="http://systransis.cn/site/product/gpu.html" rel="nofollow"> <img src="http://systransis.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器"> </a> </div> </div> </div> </div> <!-- banner結(jié)束 --> <div id="qoyqs8suu2u" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://systransis.cn/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="qoyqs8suu2u" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="qoyqs8suu2u" class="site-mobile-shade"></div> <!--付費(fèi)閱讀 --> <div class="qoyqs8suu2u" id="payread"> <div id="qoyqs8suu2u" class="layui-form-item">閱讀需要支付1元查看</div> <div id="qoyqs8suu2u" class="layui-form-item"><button class="btn-right">支付并查看</button></div> </div> <script> var prei=0; $(".site-seo-depict pre").each(function(){ var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">',''); $(this).attr('data-clipboard-text',html).attr("id","pre"+prei); $(this).html("").append("<code>"+html+"</code>"); prei++; }) $(".site-seo-depict img").each(function(){ if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){ $(this).remove(); } }) $("LINK[href*='style-49037e4d27.css']").remove(); $("LINK[href*='markdown_views-d7a94ec6ab.css']").remove(); layui.use(['jquery', 'layer','code'], function(){ $("pre").attr("class","layui-code"); $("pre").attr("lay-title",""); $("pre").attr("lay-skin",""); layui.code(); $(".layui-code-h3 a").attr("class","copycode").html("復(fù)制代碼 ").attr("onclick","copycode(this)"); }); function copycode(target){ var id=$(target).parent().parent().attr("id"); var clipboard = new ClipboardJS("#"+id); clipboard.on('success', function(e) { e.clearSelection(); alert("復(fù)制成功") }); clipboard.on('error', function(e) { alert("復(fù)制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://systransis.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://systransis.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://systransis.cn/yun/static/js/clipboard.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script> function setcode(){ var _html=''; document.querySelectorAll('pre code').forEach((block) => { var _tmptext=$.trim($(block).text()); if(_tmptext!=''){ _html=_html+_tmptext; console.log(_html); } }); } </script> <script> function payread(){ layer.open({ type: 1, title:"付費(fèi)閱讀", shadeClose: true, content: $('#payread') }); } // 舉報(bào) function jupao_tip(){ layer.open({ type: 1, title:false, shadeClose: true, content: $('#jubao') }); } $(".getcommentlist").click(function(){ var _id=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); $("#articlecommentlist"+_id).toggleClass("hide"); var flag=$("#articlecommentlist"+_id).attr("dataflag"); if(flag==1){ flag=0; }else{ flag=1; //加載評論 loadarticlecommentlist(_id,_tid); } $("#articlecommentlist"+_id).attr("dataflag",flag); }) $(".add-comment-btn").click(function(){ var _id=$(this).attr("dataid"); $(".formcomment"+_id).toggleClass("hide"); }) $(".btn-sendartcomment").click(function(){ var _aid=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); var _content=$.trim($(".commenttext"+_aid).val()); if(_content==''){ alert("評論內(nèi)容不能為空"); return false; } var touid=$("#btnsendcomment"+_aid).attr("touid"); if(touid==null){ touid=0; } addarticlecomment(_tid,_aid,_content,touid); }) $(".button_agree").click(function(){ var supportobj = $(this); var tid = $(this).attr("id"); $.ajax({ type: "GET", url:"http://systransis.cn/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://systransis.cn/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經(jīng)贊過"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數(shù)據(jù)的類型 POST GET type:"POST", //提交的網(wǎng)址 url:"http://systransis.cn/yun/favorite/topicadd.html", //提交的數(shù)據(jù) data:{tid:_tid,rs:_rs}, //返回?cái)?shù)據(jù)的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請求之前調(diào)用的函數(shù) beforeSend:function(){}, //成功返回之后調(diào)用的函數(shù) success:function(data){ var data=eval("("+data+")"); console.log(data) if(data.code==2000){ layer.msg(data.msg,function(){ if(data.rs==1){ //取消收藏 $(".layui-layer-tips").attr("data-tips","收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>'); } if(data.rs==0){ //收藏成功 $(".layui-layer-tips").attr("data-tips","已收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart"></i>') } }) }else{ layer.msg(data.msg) } } , //調(diào)用執(zhí)行后調(diào)用的函數(shù) complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調(diào)用出錯(cuò)執(zhí)行的函數(shù) error: function(){ //請求出錯(cuò)處理 postadopt=false; } }); } </script> <footer> <div id="qoyqs8suu2u" class="layui-container"> <div id="qoyqs8suu2u" class="flex_box_zd"> <div id="qoyqs8suu2u" class="left-footer"> <h6><a href="http://systransis.cn/"><img src="http://systransis.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6> <p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺，堅(jiān)持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務(wù)平臺等一系列云計(jì)算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p> </div> <div id="qoyqs8suu2u" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務(wù)</h6> <p><a href="http://systransis.cn/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://systransis.cn/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://systransis.cn/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://systransis.cn/site/pro-notice/">產(chǎn)品動(dòng)態(tài)</a></p> </li> <li> <h6>友情鏈接</h6> <p><a >GPU算力平臺</a></p> <p><a >UCloud私有云</a></p> <p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫</a></p> </li> <li> <h6>社區(qū)欄目</h6> <p><a href="http://systransis.cn/yun/column/index.html">專欄文章</a></p> <p><a href="http://systransis.cn/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://systransis.cn/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://systransis.cn/site/about/news/recent/" >新聞動(dòng)態(tài)</a></p> <p><a href="http://systransis.cn/site/about/news/report/">媒體動(dòng)態(tài)</a></p> <p><a href="http://systransis.cn/site/cases.html">客戶案例</a></p> <p><a href="http://systransis.cn/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="qoyqs8suu2u" class="copyright">Copyright ? 2012-2023 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://#/hm.js?290c2650b305fc9fff0dbdcafe48b59d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DZSMXQ3P9N'); </script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script></div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://systransis.cn/" title="成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费">成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费</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="7t7vv" class="pl_css_ganrao" style="display: none;"><strike id="7t7vv"><em id="7t7vv"><meter id="7t7vv"><pre id="7t7vv"></pre></meter></em></strike><meter id="7t7vv"><sup id="7t7vv"><label id="7t7vv"><video id="7t7vv"></video></label></sup></meter><p id="7t7vv"></p><th id="7t7vv"></th><form id="7t7vv"></form><legend id="7t7vv"><var id="7t7vv"><form id="7t7vv"><rp id="7t7vv"></rp></form></var></legend><small id="7t7vv"></small><sub id="7t7vv"><thead id="7t7vv"></thead></sub><form id="7t7vv"></form><thead id="7t7vv"><strong id="7t7vv"></strong></thead><output id="7t7vv"><span id="7t7vv"><i id="7t7vv"><strong id="7t7vv"></strong></i></span></output><dl id="7t7vv"></dl><small id="7t7vv"></small><meter id="7t7vv"><pre id="7t7vv"></pre></meter><video id="7t7vv"><em id="7t7vv"><menuitem id="7t7vv"><pre id="7t7vv"></pre></menuitem></em></video><ol id="7t7vv"><style id="7t7vv"></style></ol><ruby id="7t7vv"><thead id="7t7vv"></thead></ruby><u id="7t7vv"><ins id="7t7vv"></ins></u><font id="7t7vv"></font><font id="7t7vv"><div id="7t7vv"></div></font><sub id="7t7vv"></sub><pre id="7t7vv"><track id="7t7vv"></track></pre><ins id="7t7vv"></ins><dl id="7t7vv"><pre id="7t7vv"></pre></dl><listing id="7t7vv"></listing><sub id="7t7vv"><thead id="7t7vv"></thead></sub><optgroup id="7t7vv"><ruby id="7t7vv"><thead id="7t7vv"><big id="7t7vv"></big></thead></ruby></optgroup><rp id="7t7vv"><font id="7t7vv"></font></rp><listing id="7t7vv"><dfn id="7t7vv"></dfn></listing><dfn id="7t7vv"></dfn><dfn id="7t7vv"><output id="7t7vv"><sub id="7t7vv"><strike id="7t7vv"></strike></sub></output></dfn><em id="7t7vv"></em><strike id="7t7vv"><strong id="7t7vv"><dfn id="7t7vv"><output id="7t7vv"></output></dfn></strong></strike><dl id="7t7vv"><pre id="7t7vv"></pre></dl><thead id="7t7vv"><label id="7t7vv"><pre id="7t7vv"><track id="7t7vv"></track></pre></label></thead><track id="7t7vv"></track><nobr id="7t7vv"><small id="7t7vv"><output id="7t7vv"><span id="7t7vv"></span></output></small></nobr><meter id="7t7vv"><pre id="7t7vv"></pre></meter><th id="7t7vv"><tt id="7t7vv"><big id="7t7vv"><acronym id="7t7vv"></acronym></big></tt></th><dl id="7t7vv"><pre id="7t7vv"></pre></dl><acronym id="7t7vv"><legend id="7t7vv"></legend></acronym><sub id="7t7vv"></sub><dfn id="7t7vv"><u id="7t7vv"></u></dfn><sub id="7t7vv"><strike id="7t7vv"></strike></sub><label id="7t7vv"></label><form id="7t7vv"><rp id="7t7vv"><font id="7t7vv"><div id="7t7vv"></div></font></rp></form><label id="7t7vv"><strong id="7t7vv"><track id="7t7vv"><tt id="7t7vv"></tt></track></strong></label><rp id="7t7vv"><font id="7t7vv"></font></rp><pre id="7t7vv"><th id="7t7vv"><b id="7t7vv"><progress id="7t7vv"></progress></b></th></pre><rp id="7t7vv"></rp></div> <script src="http://systransis.cn/yun/static/theme/ukd/js/common.js"></script> <<script type="text/javascript"> $(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%"); </script> </html>