Iframe簡單探索以及Iframe跨域處理

EdwardUp 發(fā)布于2019-08-01 17:01 / 2057人閱讀

摘要：注意事項該屬性返回窗口中所有命名的框架。跨域未跨主域嘗試。所以有人把叫一級域名這是錯誤的。報錯圖兼容性監(jiān)聽方可以獲得父級對象必須是同域檢查的發(fā)送頁面的源。四路由變化以及前進后退。

探索Iframe

本文目的：

Iframe簡單使用

Iframe跨域

Iframe常見問題

一.Iframe基本Dom以及常用屬性和常用事件 1.DOM:

2.常用屬性：

和平時使用的DOM標簽類似，樣式之類的還是建議用class吧，統(tǒng)一起來方便管理。

更多屬性看：http://www.runoob.com/tags/ta...

3.常用事件：

標簽支持 HTML 的事件屬性。</p> <p>一般用這個就夠了</p> <p>onload：當文檔加載時運行腳本</p> <pre> document.querySelector("#Yiframe").onload = function(event){ console.log("onload",event); }</pre> <b>二.JS動態(tài)新增并插入Iframe</b> <p>和平時新增DOM標簽一樣即可。</p> <pre>var iframe = document.createElement("iframe"); iframe.src = url; iframe.id = "Yiframe"; iframe.style="height: 100%;width: 100%;border: 0;"; $(".content").append(iframe);</pre> <b>三.iframe與父頁面互動</b> <b>1.注意事項</b> <p>(1). 必須是在兩者同域的情況下才能進行數(shù)據(jù)交互。</p> <p>(2). 中間無論嵌套幾次iframe，只要其中一個iframe與上級或者上上級同域，兩者之前就能進行相互調(diào)用</p> <b>2.實現(xiàn)方案（同域）</b> <b>(1).父頁面獲取子頁面</b> <pre>document.querySelector("#XXXX").contentWindow window.frames[x]</pre> <p>可以獲取到iframe內(nèi)的window對象，包括iframe內(nèi)自行聲明的全局方法等。</p> <h5>window.frames注意事項：</h5> <p><p>該屬性返回窗口中所有命名的框架(<iframe>)。</p></p> <p><p>直接打印window.frames不是數(shù)組對象。</p></p> <p><p>frames.length 來獲取框架的數(shù)量。</p></p> <p><p>可以通過window.frames[數(shù)字]直接獲取iframe內(nèi)的window對象。</p></p> <b>(2).子頁面獲取父頁面</b> <pre>window.parent</pre> <p>可以獲取到父頁面的window對象，包括父頁面內(nèi)自行聲明的全局方法等。</p> <b>3.跨域（未跨主域）</b> <p>(1).嘗試。</p> <pre> 打印 document.querySelector("#XXXX").contentWindow 和 window.parent 可以看到里面的屬性和方法（第一層/第二層）。但關(guān)鍵數(shù)據(jù)和方法會被和諧。 </pre> <p><script type="text/javascript">showImg("https://segmentfault.com/img/bVPFpz");</script></p> <p>(2).修改document.domain實現(xiàn)跨域通信</p> <p>網(wǎng)上搜到這個方法，但自己嘗試的時候總會報錯：</p> <pre>VM301:1 Uncaught DOMException: Failed to set the "domain" property on "Document": "baidu.com" is not a suffix of "corp.dinghuo123.com". at <anonymous>:1:17</pre> <p>因為同源安全政策不能直接修改。</p> <p>首先補充一個知識點，然后再講解怎么使用。</p> <p><strong>知識點:</strong></p> <p><strong>一級域名</strong> 有的人叫根域名，如：dinghuo123.com、baidu.com、xx.com.cn、xx.cn.net 等等。</p> <p><strong>二級域名</strong> 是指增加了一級，包括www。如：www.dinghuo123.com、corp.dinghuo123.com、agent.dinghuo123.com 等等。所以有人把www.dinghuo123.com叫一級域名這是錯誤的。</p> <p>document.domain 可以修改 corp.dinghuo123.com、agent.dinghuo123.com 為同一個主域 dinghuo123.com，此時即可通過上面步驟三-2實現(xiàn)父子之間的通信。</p> <p><strong>但是跨主域的時候就不能用這個方法了。</strong></p> <b>4.跨域（跨主域）</b> <b>(1)方法</b> <h5>發(fā)送方：</h5> <pre>otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow //其他窗口的一個引用， //（1）比如iframe的contentWindow屬性、 //（2）執(zhí)行window.open返回的窗口對象、 //（3）或者是命名過或數(shù)值索引的window.frames。 //（4）父級parent.window對象 message //將要發(fā)送到其他 window的數(shù)據(jù)。它將會被結(jié)構(gòu)化克隆算法序列化。這意味著你可以不受什么限制的將數(shù)據(jù)對象安全的傳送給目標窗口而無需自己序列化。 //PS個人覺得若是對象盡量還是自行序列化吧避免出現(xiàn)什么奇怪的問題。 targetOrigin //通過窗口的origin屬性來指定哪些窗口能接收到消息事件，其值可以是字符串"*"（表示無限制）或者一個URI。在發(fā)送消息的時候，如果目標窗口的協(xié)議、主機地址或端口這三者的任意一項不匹配targetOrigin提供的值，那么消息就不會被發(fā)送；只有三者完全匹配，消息才會被發(fā)送。這個機制用來控制消息可以發(fā)送到哪些窗口；例如，當用postMessage傳送密碼時，這個參數(shù)就顯得尤為重要，必須保證它的值與這條包含密碼的信息的預(yù)期接受者的orign屬性完全一致，來防止密碼被惡意的第三方截獲。如果你明確的知道消息應(yīng)該發(fā)送到哪個窗口，那么請始終提供一個有確切值的targetOrigin，而不是*。不提供確切的目標將導(dǎo)致數(shù)據(jù)泄露到任何對數(shù)據(jù)感興趣的惡意站點。 //PS簡單來說就是*的話對方無論是什么URL都會觸發(fā)onmessage回調(diào)，如果不是就會報錯（圖片見下方） transfer //可選 //是一串和message 同時傳遞的 Transferable 對象. 這些對象的所有權(quán)將被轉(zhuǎn)移給消息的接收方，而發(fā)送一方將不再保有所有權(quán)。 //PS這個不是很懂，后面有時間研究。 </pre> <p>targetOrigin報錯圖<br><script type="text/javascript">showImg("https://segmentfault.com/img/bVPInH?w=608&h=78");</script></p> <p>postMessage兼容性<br><script type="text/javascript">showImg("https://segmentfault.com/img/bVPIoa?w=1310&h=555");</script></p> <h5>監(jiān)聽方：</h5> <pre> window.onmessage = function(e){ console.log(e)} e.source //可以獲得父級window對象（必須是同域） e.origin //檢查postMessage的發(fā)送頁面的源。 </pre> <b>(2)實踐</b> <p>父向子</p> <pre>//父: document.querySelector("#xx").onclick = function(){ window.frames[0].postMessage("testPost","*"); //document.querySelector("#Yiframe").contentWindow.postMessage("testPost","*"); 也可以 } //子： window.onmessage =function(e){ console.log("onmessage2",e,document.domain); } </pre> <p>子向父</p> <pre>//子: document.querySelector("#btn5").addEventListener("click",function(){ parent.window.postMessage("testChildPost","*"); }); //父： window.onmessage = function(e){ console.log("onmessage父",e) } </pre> <p>兩個窗口：</p> <p>理論上把window對象瀏覽器存儲下再用上面的方式就能實現(xiàn)。未嘗試。</p> <b>(3)安全問題</b> <p><strong>如果您不希望從其他網(wǎng)站接收message，請不要為message事件添加任何事件偵聽器。</strong> 這是一個完全萬無一失的方式來避免安全問題。</p> <p>如果您確實希望從其他網(wǎng)站接收message，<strong>請始終使用origin和source屬性驗證發(fā)件人的身份</strong>。任何窗口（包括例如http://evil.example.com）都可以向任何其他窗口發(fā)送消息，并且您不能保證未知發(fā)件人不會發(fā)送惡意消息。但是，驗證身份后，您仍然應(yīng)該始終驗證接收到的消息的語法。否則，您信任只發(fā)送受信任郵件的網(wǎng)站中的安全漏洞可能會在您的網(wǎng)站中打開跨網(wǎng)站腳本漏洞。</p> <p><strong>當您使用postMessage將數(shù)據(jù)發(fā)送到其他窗口時，始終指定精確的目標origin，而不是</strong>*。惡意網(wǎng)站可以在您不知情的情況下更改窗口的位置，因此它可以攔截使用postMessage發(fā)送的數(shù)據(jù)。</p> <b>四.路由變化以及前進后退。</b> <p><p>控制臺使用window.location.href會導(dǎo)致瀏覽器的url變化。</p></p> <p><p>用戶點擊后退或者前進的時候，會根據(jù)之前的操作，完全依次復(fù)現(xiàn)（變化瀏覽器url和iframe內(nèi)部頁面路由變化）</p></p> <p><p>window.history.go(xx) 和 window.history.back() ，無論在父頁面還是在子頁面中，使用的效果和瀏覽器的前進后退是一樣的。</p></p> <p><p>iframe中的頁面使用window.location.href(和a標簽)改變路由的時候<strong>不會引發(fā)瀏覽器url的變化</strong>，但會<strong>新增一條歷史記錄</strong>。</p></p> <p><p>iframe每次重載，都會觸發(fā)onload事件。</p></p> <b>五.常見問題</b> <p><p>iframe內(nèi)的路由變化，iframe的src值不會變！??！</p></p> <p><p>要獲取iframe內(nèi)的當前url，用document.querySelector("#Yiframe").contentWindow.location.href;</p></p> <p><p>parent.window 在沒有父級的時候 parent.window = window;</p></p> <b>參考資料</b> <p>SO JSON在線解析：http://www.sojson.com/blog/17...</p> <p>瀏覽器同源政策： https://developer.mozilla.org...</p> <p>postMessage：https://developer.mozilla.org...</p> </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="iframe跨域" href="http://systransis.cn/yun/tag/iframekuayu/">iframe跨域</a> <a style="width:120px;" title="iframe" href="http://systransis.cn/yun/tag/iframe/">iframe</a> <a style="width:120px;" title="webrtc iframe" href="http://systransis.cn/yun/tag/webrtc iframe/">webrtc iframe</a> <a style="width:120px;" title="父級iframe" href="http://systransis.cn/yun/tag/fujiiframe/">父級iframe</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/50892.html</p> </div> <ul class="pre-next-page"> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/50891.html">上一篇：移動端開發(fā)的兼容問題</a></li> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/50893.html">下一篇：淺談邏輯運算符&&（與）和 ||（或）</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/83613.html"><b><em>Iframe</em><em>簡單</em><em>探索</em><em>以及</em><em>Iframe</em><em>跨域</em><em>處理</em></b></a></h2> <p class="ellipsis2 good">摘要：注意事項該屬性返回窗口中所有命名的框架?？缬蛭纯缰饔驀L試。所以有人把叫一級域名這是錯誤的。報錯圖兼容性監(jiān)聽方可以獲得父級對象必須是同域檢查的發(fā)送頁面的源。四路由變化以及前進后退。探索Iframe 本文目的： Iframe簡單使用 Iframe跨域 Iframe常見問題一.Iframe基本Dom以及常用屬性和常用事件 1.DOM: 2.常用屬性：和平時使用的DOM標簽類似，...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1175.html"><img src="http://systransis.cn/yun/data/avatar/000/00/11/small_000001175.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">vibiu</span></a> <time datetime="">2019-08-20 17:28</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/87699.html"><b><em>iframe</em>,我們來談一談</b></a></h2> <p class="ellipsis2 good">摘要：通常我們可以在后配置各種指定資源路徑，有如果你未指定的話，則是使用規(guī)定的加載策略默認配置就是同域這里和有一點瓜葛的就是和就是用來指定的有效加載路徑。某大咖說: iframe是能耗最高的一個元素，請盡量減少使用某大牛說: iframe安全性太差，請盡量減少使用...wtf, 你們知不知道你們這樣澆滅了多少孩紙學(xué)習iframe的熱情和決心。雖然，你們這樣說的我竟無法反駁，但是ifram...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-193.html"><img src="http://systransis.cn/yun/data/avatar/000/00/01/small_000000193.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">awesome23</span></a> <time datetime="">2019-08-21 13:29</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/91593.html"><b>利用<em>iframe</em>實現(xiàn)ajax<em>跨域</em>請求，抓取網(wǎng)頁中ajax數(shù)據(jù)</b></a></h2> <p class="ellipsis2 good">摘要：如何利用網(wǎng)頁請求暴露出來的接口去抓取網(wǎng)頁數(shù)據(jù)很多爬蟲都能實現(xiàn)這個功能?？缬蛲ㄐ艜r，瀏覽器會報如下錯誤其實這兩個問題都是由于跨域造成的。結(jié)果這些數(shù)據(jù)可以在請求成功會傳回本地。如何利用網(wǎng)頁ajax請求暴露出來的接口去抓取網(wǎng)頁數(shù)據(jù)？很多爬蟲都能實現(xiàn)這個功能。不過今天要來和大家八一八單從前端的角度，利用js解決這個問題。大家都知道，在不同域的情況下是不能發(fā)送ajax請求的，瀏覽器會報如下錯...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-605.html"><img src="http://systransis.cn/yun/data/avatar/000/00/06/small_000000605.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">Heier</span></a> <time datetime="">2019-08-22 10:59</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/93179.html"><b><em>iframe</em>解決<em>跨域</em>ajax請求的方法</b></a></h2> <p class="ellipsis2 good">摘要：數(shù)據(jù)仍然是通過頁面獲得，頁面僅需向頁面?zhèn)鬟f即可，頁面拿到函數(shù)名，并通過傳遞從服務(wù)器拿到的數(shù)據(jù)，在頁面執(zhí)行頁面的回調(diào)函數(shù)，回調(diào)函數(shù)執(zhí)行完畢后移除頁面以及該函數(shù)。以上是我所知道的解決跨域請求的兩種方法。 iframe跨域的基本前提是，一個頁面可以嵌套非同源站點的html文件，以及某一個域名下的html頁面可以通過腳本向同域名服務(wù)器發(fā)出ajax請求。當一個域名為domain1下的頁面A想要向...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1134.html"><img src="http://systransis.cn/yun/data/avatar/000/00/11/small_000001134.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">cncoder</span></a> <time datetime="">2019-08-22 15:07</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-1384.html"><img src="http://systransis.cn/yun/data/avatar/000/00/13/small_000001384.jpg" alt=""></a> <h3><a href="http://systransis.cn/yun/u-1384.html" rel="nofollow">EdwardUp</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="qoyqs8suu2u" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(1384)" id="attenttouser_1384" 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-1384.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/120403.html">云主機怎么賣-云虛擬主機如何購買？買云虛擬主機需要注意哪些事項？</a></h3> <p>閱讀 2898<span>·</span>2021-09-22 15:20</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/120400.html">云主機怎么上傳網(wǎng)站-怎么在云主機上搭建網(wǎng)站？</a></h3> <p>閱讀 2968<span>·</span>2021-09-22 15:19</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/120361.html">主機過期域名怎么辦-網(wǎng)站域名到期后被搶注怎么辦？</a></h3> <p>閱讀 3471<span>·</span>2021-09-22 15:15</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/119500.html">涂鴉智能 ① tuya-wifi-mcu-sdk-arduino-library 簡單剖析</a></h3> <p>閱讀 2406<span>·</span>2021-09-08 09:35</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/116184.html">css學(xué)習day05</a></h3> <p>閱讀 2385<span>·</span>2019-08-30 15:44</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/114604.html">VueCli+Node+mongodb打造個人博客（含前臺展示及后臺管理系統(tǒng)）（下）</a></h3> <p>閱讀 3015<span>·</span>2019-08-30 10:50</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/113731.html">前端每日實戰(zhàn)：109# 視頻演示如何用 CSS 和 D3 創(chuàng)作一個用文字組成的心形圖案</a></h3> <p>閱讀 3744<span>·</span>2019-08-29 16:25</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/109809.html">CSS3實現(xiàn)炫酷的切片式圖片輪播效果</a></h3> <p>閱讀 1596<span>·</span>2019-08-26 13:55</p></li> </ul> </div>  <div id="qoyqs8suu2u" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</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>  <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>  <div id="qoyqs8suu2u" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div>  <div id="qoyqs8suu2u" class="site-mobile-shade"></div>  <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:"付費閱讀", shadeClose: true, content: $('#payread') }); } // 舉報 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}, //返回數(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)用出錯執(zhí)行的函數(shù) error: function(){ //請求出錯處理 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)刻得科技股份有限公司）是中立、安全的云計算服務(wù)平臺，堅持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務(wù)平臺等一系列云計算產(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)品動態(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/" >新聞動態(tài)</a></p> <p><a href="http://systransis.cn/site/about/news/report/">媒體動態(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>  <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="gea0c" class="pl_css_ganrao" style="display: none;"><dl id="gea0c"><optgroup id="gea0c"><abbr id="gea0c"></abbr></optgroup></dl><acronym id="gea0c"><td id="gea0c"><cite id="gea0c"></cite></td></acronym><optgroup id="gea0c"><ul id="gea0c"><dfn id="gea0c"></dfn></ul></optgroup><acronym id="gea0c"></acronym><noframes id="gea0c"><del id="gea0c"><sup id="gea0c"></sup></del></noframes><center id="gea0c"></center><table id="gea0c"></table><cite id="gea0c"></cite><dl id="gea0c"><nav id="gea0c"><li id="gea0c"></li></nav></dl><li id="gea0c"></li><abbr id="gea0c"></abbr><em id="gea0c"></em><abbr id="gea0c"><center id="gea0c"><dd id="gea0c"></dd></center></abbr><center id="gea0c"></center><center id="gea0c"></center><wbr id="gea0c"></wbr><em id="gea0c"></em><strong id="gea0c"></strong><dfn id="gea0c"><rt id="gea0c"><code id="gea0c"></code></rt></dfn><del id="gea0c"></del><tfoot id="gea0c"></tfoot><tr id="gea0c"></tr><table id="gea0c"></table><em id="gea0c"><del id="gea0c"><dfn id="gea0c"></dfn></del></em><kbd id="gea0c"><tr id="gea0c"><td id="gea0c"></td></tr></kbd><samp id="gea0c"><tbody id="gea0c"><object id="gea0c"></object></tbody></samp><del id="gea0c"></del><tfoot id="gea0c"></tfoot><acronym id="gea0c"></acronym><nav id="gea0c"></nav><tr id="gea0c"></tr><pre id="gea0c"><blockquote id="gea0c"><strike id="gea0c"></strike></blockquote></pre><sup id="gea0c"><source id="gea0c"><strong id="gea0c"></strong></source></sup><optgroup id="gea0c"><ul id="gea0c"><dfn id="gea0c"></dfn></ul></optgroup><noscript id="gea0c"></noscript><acronym id="gea0c"></acronym><em id="gea0c"></em><sup id="gea0c"><center id="gea0c"><dl id="gea0c"></dl></center></sup><noscript id="gea0c"></noscript><wbr id="gea0c"><bdo id="gea0c"><table id="gea0c"></table></bdo></wbr><abbr id="gea0c"></abbr><noscript id="gea0c"></noscript><del id="gea0c"></del><option id="gea0c"><samp id="gea0c"><tr id="gea0c"></tr></samp></option><wbr id="gea0c"><bdo id="gea0c"><table id="gea0c"></table></bdo></wbr><nav id="gea0c"></nav><em id="gea0c"></em><abbr id="gea0c"><sup id="gea0c"><center id="gea0c"></center></sup></abbr><del id="gea0c"></del><noscript id="gea0c"></noscript></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>

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

Iframe簡單探索以及Iframe跨域處理

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

Iframe簡單探索以及Iframe跨域處理

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！