国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

初識DOM

qpal / 2755人閱讀

摘要:標識,就是將頁面解析為一個文檔。標識,就是中表示各個對象之間的關系。的標準由于的標準規范是由組織起草并定義的,所以對的定義是目前最權威的解釋。兄弟關系具有相同父級元素的兩個或幾個元素之間的兄弟關系。是返回值,表示定位元素的集合,是一個集合。

如何使用JavaScript script元素

外聯JavaScript文件所有外聯JavaScript文件,類似于外聯樣式表的用法,將JavaScript代碼編寫在獨立的JavaScript文件中,再通過HTML頁面的
##引入位置

在元素內部





在元素內部

DOM是什么 DOM是什么

dom是什么

DOM是個縮寫,全稱是Document Object Model,被譯為文檔對象模型。
D標識Document,就是DOM將HTML頁面解析為一個文檔。同時提供了document對象。
O標識Objcet,就是DOM將HTML頁面中每一個元素解析為一個對象。
M 標識Model,就是Dom中表示各個對象之間的關系。

DOM的標準

由于DOM的標準規范是由W3C組織起草并定義的,所以W3C對DOM的定義是目前最權威的解釋。
DIN是一個獨立于任何語言和平臺的接口,允許任何語言或腳本動態地訪問和更新HTML文檔的內容,結構和樣式。該HTML頁面可以僅一部處理,并且該處理的結果可以被合并到所呈現的html頁面中。

DOM的作用

DOM被設計用于解析HTML頁面文檔,方便JavaScript語言通過DOM訪問和操作HTML頁面中的內容。
DOM是由W3C組織定義標準規范,并且由各大瀏覽器廠商支持。嚴格意義上來將,DOM并非術語JavaScript語言。
我們之所以可以在JavaScript語言中使用DOM,是因為各大瀏覽器將DOM的標準規范內容封裝成了JavaScript語言所支持的形式。
對DOM中的對象,我們只有調用的權限,沒有修改的權限,也說明了這個問題。

DOM的作用

瀏覽器加載并運行HTML頁面后,會創建DOM結構。由于DOM中的內容被封裝成了JavaScript語言中的對象,所以我們可以使用
JavaScript語言通過DOM結構來訪問和操作HTML頁面中的內容。

DOM樹結構

DOM樹結構

DOM可以訪問和更新HTML頁面中的內容,結構和樣式,是因為DON將HTML頁面解析為一個樹結構。




示例頁面


這是一個示例頁面


這是一個段落內容.



節點是什么

節點(Node)原本是網絡術語,表示網絡中的連接點。一個網絡是由一些節點構成的集合。
在DOM樹狀結構中,節點也是很中煙的一個概念。簡單的說,節點作為DOM樹結構中的連接點,最終構成了完整的DOM樹結構。

節點之間的關系

DOM中的M表示Model(模型),也可以用來表示DOM節點樹結構中節點之間的關系;在DOM節點樹結構,主要由以下三層關系:
父級于子級:如果將HTML頁面中摸一個元素作為父級的話,那包含在該元素內的第一層所有元素都可以稱之為該元素的子級。
祖先與后代:如果將HTML頁面中的摸一個元素作為父級的話,那包含在該元素內的所有元素(除了子級元素之外)都可以稱之為該元素的后代。
兄弟關系:具有相同父級元素的兩個或幾個元素之間的兄弟關系。
DOM訪問和更新HTML頁面中的內容,主要依靠DOM節點樹結構中的以上三種節點關系完成。

Document對象 Document對象是什么

Document對象是什么

Document對象是DOM 的標準規范中比較中還要的對象之一。該對象提供了訪問和更新HTML頁面內容的屬性和方法。
Document對象作為DOM訪問和更新HTML頁面內容的入口。簡單來說,可以把Documtnt對象理解為在DOM的變成規范中代表HTML頁面。
Document對象提供了屬性和方法,可以實現定位HTML頁面中的元素,或者創建新的元素等功能。

繼承鏈關系

Document對象是繼承于Node對象的。Node對象也是DOM的便準規范中非常重要的對象之一,而Node對象又是繼承于EventTarget對象。
console.log(Document.prototype.instanceof Node);
console.log(Node.prototype instanceof EventTarget);
console.log(Document.prototype instanceof EventTarget);
Documen對象的屬性和方法多是繼承于Ndoe對象和EventTarget對象的。當然,也有一部分屬性和方法是實現了HTMLDocument接口的。

定位頁面元素

定位元素方法方法

Document對象提供了屬性和方法實現了定位頁面元素功能,這也是
DOM的便準規范中的DOcument對象的主要應用之一。
Document對象提供實現定位頁面元素的方法具有如下幾種:
getElementByld()方法:通過頁面元素的id屬性值定位元素。
getElementsByName()方法:通過頁面元素的name屬性值定位元素
getElmentsByTarName()方法:通過頁面元素的元素定位元素。
getElementsByClassName()方法:通過頁面元素的class屬性值定位元素。
querySelector()方法:通過CSS選擇器定位第一個匹配的元素。
querySelectorAll()方法:通過CSS選擇器定位所有匹配的元素

ID屬性值定位元素

HTML頁面元素的id屬性是特點是唯一,不可重復的,所有通過這種方式定位的HTML頁面元素是也是唯一的。
var elemnt= document.getElementById(id);
注意:如果HTML頁面中不存在具有該id屬性值的元素,則返回null。
var btn = document.getElementById("btn");
//獲取定位元素的class屬性值
var vlassname=btn.className;
//添加animate動畫樣式
classNmane+="antmate";
//將新的class屬性值設置
btn.className =className;

name屬性值定位元素

其語法格式如下:
var elements =document.getElementsByName(name);
name是參數,表示索要定位元素的name屬性值,是一個大小寫敏感的字符串。
elements是返回值,表示定位元素的集合,是一個NodeList集合。
var elems = document.getElementsByName("btn");
//循環遍歷所有元素
for (var i=0;ivar elem =elems[i];
var className =elem.className;
classNmae+="animate";
elem.className=className;}

元素名定位元素

其語法格式如下:
var elements =document.getElementsByTagName(name);
name是參數,表示所要定位元素的元素名,符號"*"所表示所有元素。
elements是返回值,表示定位元素的集合,是一個NodeList集合。
var elems =document.getEkementsByTarName("button);
//循環遍歷所有元素
for (var i=0; ivar elem =elems[i];
car className+="animate";
elem.className=className;}

class屬性值定位元素

其語法格式如下:
var elements =document.getElementsByClassName(name);
name是參數,表示索要定位元素的name屬性值,是一個大小寫敏感的字符串。
elements是返回值,表示定位元素的集合,是一個NodeList集合。
var elems = document.getElementsByClassName("btn");
//循環遍歷所有元素
for (var i=0;ivar elem =elems[i];
var className =elem.className;
classNmae+="animate";
elem.className=className;}

CSS選擇器定位元素

CSS中的選擇器可以很便利地定位HTML頁面元素,DOM地標準規范中也提供類似地方法。
querySelector()方法:通過CSS選擇器定位第一個匹配地元素。
var elements =document.querySelector(selectors
);
selectors是參數,表示選擇器,可以包含一個或多個CSS選擇器,多個則以逗號分隔。
element是返回值,表示定位元素地集合,匹配地第一個元素。、
var btn = document.querySelector(#btn);
//獲取定位元素地class屬性值
var className=btn.className;
//添加animate動畫樣式
className+="animate";
//將新的class屬性值設置
btn.className=calssName;

querySelectorAll()方法:
通過CSS選擇器定位所有匹配地元素
var elements =document.querySelector(selectors
);
selectors是參數,表示選擇器,可以包含一個或多個CSS選擇器,多個則以逗號分隔。
element是返回值,表示定位元素地集合,是一個NodeList集合。
var btn = document.querySelectorALL("button");
//獲取定位元素地class屬性值
var className=btn.className;
//添加animate動畫樣式
className+="animate";
//將新的class屬性值設置
btn.className=calssName;

節點集合NodeList

NodeList是一組元素節點地集合,每一個節點具有相應地索引值(從開始地數字,類似于數組)。
NodeList集合分為兩種:
動態NodeList
所謂動態地NodeList集合,就是如果文檔中地節點樹發生變化,則已經存在地NodeList對象也可以能會變化。
getElementsByName()方法:通過頁面元素地name屬性值定位元素。
getElementsByTagName()方法:通過頁面元素地元素名定位元素。
getElemengtsByClassName()方法:通過頁面元素地class屬性值定位元素。
靜態NodeList
所謂靜態NdeList集合,就是對文檔對象模型地任何改動都不會影響集合地內容。
定位頁面元素屬性
Document對象也提供了一些屬性,來定位HTML頁面中地一些比較特殊地元素
documentElemengt:獲取HTML頁面中地元素。
head:獲取HTML頁面中地
title:或者HTML頁面中地元素。<br>links:獲取HTML頁面中地所有元素。<br>body:獲取HTML頁面中的<body>元素。<br>images:獲取HTML頁面中地所有<img>元素。</p> </div> <div id="zjdj5rh" class="mt-64 tags-seach" > <div id="7pj7zfv" class="tags-info"> <a style="width:120px;" title="GPU云服務器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a> <a style="width:120px;" title="云服務器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</a> <a style="width:120px;" title="docker初識" href="http://specialneedsforspecialkids.com/yun/tag/dockerchushi/">docker初識</a> <a style="width:120px;" title="初識關系數據庫" href="http://specialneedsforspecialkids.com/yun/tag/chushiguanxishujuku/">初識關系數據庫</a> <a style="width:120px;" title="DOM" href="http://specialneedsforspecialkids.com/yun/tag/DOM/">DOM</a> <a style="width:120px;" title="dom0和dom2" href="http://specialneedsforspecialkids.com/yun/tag/dom0hedom2/">dom0和dom2</a> </div> </div> <div id="nj7j7df" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。</p> <p>轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/55075.html</p> </div> <ul class="pre-next-page"> <li id="nhdxfhz" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/55074.html">上一篇:【JavaScript】DOM之Document對象</a></li> <li id="pfnvpfh" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/55076.html">下一篇:花樣形狀 -- CSS</a></li> </ul> </div> <div id="rjpjb7l" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="7vprv5p" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/83601.html"><b>React系列---React(一)<em>初識</em>React</b></a></h2> <p class="ellipsis2 good">摘要:系列一初識系列二組件的和系列三組件的生命周期是推出的一個庫,它的口號就是用來創建用戶界面的庫,所以它只是和用戶界面打交道,可以把它看成中的視圖層。系列一初識系列二組件的和系列三組件的生命周期 React系列---React(一)初識ReactReact系列---React(二)組件的prop和stateReact系列---React(三)組件的生命周期 showImg(https://...</p> <div id="75hbft7" class="com_white-left-info"> <div id="d5f7b7v" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-542.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/05/small_000000542.jpg" alt=""><span id="ldlphjb" class="layui-hide64">lanffy</span></a> <time datetime="">2019-08-20 17:27</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="t7hntvb" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/1520.html"><b><em>初識</em><em>DOM</em>(文檔對象模型)</b></a></h2> <p class="ellipsis2 good">摘要:什么是什么是什么叫做呢的全稱是文檔對象模型,定義了表示和修改文檔所需的對象這些對象的行為和屬性以及這些對象之間的關系。對象即為宿主對象,由瀏覽器廠商定義,用來操作的功能的一類對象和集合。簡單來說,就是用來操作和的,它是一系列對象的集合。什么是DOM 什么叫做DOM呢? ? DOM的全稱是Document Object Model 文檔對象模型,DOM定義了表示和修改文檔所需的對象、這些對象的...</p> <div id="jzh5zph" class="com_white-left-info"> <div id="rjfv5pd" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1642.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/16/small_000001642.jpg" alt=""><span id="7nflvzp" class="layui-hide64">Elle</span></a> <time datetime="">2019-04-23 13:10</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="fr55fh5" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/88246.html"><b>react開發教程(-)<em>初識</em></b></a></h2> <p class="ellipsis2 good">摘要:定義一個組件可以在其他組件中調用這個組件調用組件劉宇組件插入內容在上面的案例中可以看到吧寫到當中,這種寫法稱為。 React初識 React是Facebook推出的一個javascript庫(用來創建用戶界面的Javascript庫),所以他只是和用戶的界面打交道,你可以把它看成MVC中的V(視圖)這一層。 組件 React的一切都是基于組件的。web世界的構成是基于各種HTML標簽的...</p> <div id="pnhdrt7" class="com_white-left-info"> <div id="t7btvdr" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1190.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/11/small_000001190.jpg" alt=""><span id="hvp5d5h" class="layui-hide64">Allen</span></a> <time datetime="">2019-08-21 15:36</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="7njp55p" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/88033.html"><b><em>初識</em>React</b></a></h2> <p class="ellipsis2 good">摘要:初識依稀記得那年參加線下活動,第一次聽說這個詞語,當時的主講人是郭達峰,他播放了一個關于及的性能對比視頻。合成事件會以事件委托的方式綁定到組件最上層,并且在組件卸載的時候自動銷毀綁定的事件。 初識React 依稀記得2015那年參加線下活動,第一次聽說React這個詞語,當時的主講人是郭達峰,他播放了一個關于ember、angular及react的性能對比視頻: React.js Co...</p> <div id="h5nhdr5" class="com_white-left-info"> <div id="x7xdx7l" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1381.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/13/small_000001381.jpg" alt=""><span id="plzdn57" class="layui-hide64">kuangcaibao</span></a> <time datetime="">2019-08-21 14:47</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="ddj7ntn" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/113794.html"><b><em>初識</em><em>DOM</em></b></a></h2> <p class="ellipsis2 good">摘要:標識,就是將頁面解析為一個文檔。標識,就是中表示各個對象之間的關系。的標準由于的標準規范是由組織起草并定義的,所以對的定義是目前最權威的解釋。兄弟關系具有相同父級元素的兩個或幾個元素之間的兄弟關系。是返回值,表示定位元素的集合,是一個集合。 如何使用JavaScript script元素 元素 元素用于在HTML頁面中嵌入或引入JavaScript腳本代碼。該元素默認被定義在元素中。t...</p> <div id="77jpv5h" class="com_white-left-info"> <div id="7fz7tv7" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-63.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/00/small_000000063.jpg" alt=""><span id="frjrn57" class="layui-hide64">史占廣</span></a> <time datetime="">2019-08-29 16:31</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="7flfpjn" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發表評論</span></h3> <div id="rr57j5d" class="xcp-publish-main flex_box_zd"> <div id="h77flrh" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="7h57zpt" class="site-box-content"> <div id="7hl5t5v" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="h7vd7z7" class="pages"></ul></div> </div> </div> <div id="vhnth5t" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="5ptj5tt" class=""> <div id="vjpzp5b" class="com_layuiright-box user-msgbox"> <a href="http://specialneedsforspecialkids.com/yun/u-616.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/06/small_000000616.jpg" alt=""></a> <h3><a href="http://specialneedsforspecialkids.com/yun/u-616.html" rel="nofollow">qpal</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="fbhnxb5" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(616)" id="attenttouser_616" class="grad follow-btn notfollow attention">我要關注</a> <a href="javascript:login()" title="發私信" >我要私信</a> </div> <div id="nnvtzbr" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://specialneedsforspecialkids.com/yun/ut-616.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/130950.html">tensorflow</a></h3> <p>閱讀 2925<span>·</span>2023-04-26 02:22</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/123555.html">Java的環境搭建</a></h3> <p>閱讀 2286<span>·</span>2021-11-17 09:33</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/120765.html">高防主機是什么-什么是高防服務器?</a></h3> <p>閱讀 3127<span>·</span>2021-09-22 16:06</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/120667.html">服務器怎么做虛擬主機-我想在服務器建立虛擬主機,該怎么做?</a></h3> <p>閱讀 1062<span>·</span>2021-09-22 15:54</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/112675.html">面試記錄2</a></h3> <p>閱讀 3530<span>·</span>2019-08-29 13:44</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/112031.html">css邊框與背景</a></h3> <p>閱讀 1905<span>·</span>2019-08-29 12:37</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/109986.html">大規模應用TypeScript「2019 JSConf -Brie Bunge」</a></h3> <p>閱讀 1316<span>·</span>2019-08-26 14:04</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/107898.html">【build your own xxx】實現你自己的call和apply</a></h3> <p>閱讀 1905<span>·</span>2019-08-26 11:57</p></li> </ul> </div> <!-- 文章詳情右側廣告--> <div id="jjpztx7" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="r7d5p5j" class="com_adbox"> <div id="rrzdl5z" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務器"> </a> </div> <div> <a href="http://specialneedsforspecialkids.com/site/product/gpu.html" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務器"> </a> </div> </div> </div> </div> <!-- banner結束 --> <div id="757nxbd" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://specialneedsforspecialkids.com/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="jvn77v7" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="5dfnhjp" class="site-mobile-shade"></div> <!--付費閱讀 --> <div class="ljdnv7n" id="payread"> <div id="l7xpjvx" class="layui-form-item">閱讀需要支付1元查看</div> <div id="dd7hnzb" 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("復制代碼 ").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("復制成功") }); clipboard.on('error', function(e) { alert("復制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://specialneedsforspecialkids.com/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("評論內容不能為空"); 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://specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經贊過"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數據的類型 POST GET type:"POST", //提交的網址 url:"http://specialneedsforspecialkids.com/yun/favorite/topicadd.html", //提交的數據 data:{tid:_tid,rs:_rs}, //返回數據的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請求之前調用的函數 beforeSend:function(){}, //成功返回之后調用的函數 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) } } , //調用執行后調用的函數 complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調用出錯執行的函數 error: function(){ //請求出錯處理 postadopt=false; } }); } </script> <footer> <div id="ddlflpv" class="layui-container"> <div id="hfnhdjl" class="flex_box_zd"> <div id="nbjx5hj" class="left-footer"> <h6><a href="http://specialneedsforspecialkids.com/"><img src="http://specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud (優刻得科技股份有限公司)"></a></h6> <p>UCloud (優刻得科技股份有限公司)是中立、安全的云計算服務平臺,堅持中立,不涉足客戶業務領域。公司自主研發IaaS、PaaS、大數據流通平臺、AI服務平臺等一系列云計算產品,并深入了解互聯網、傳統企業在不同場景下的業務需求,提供公有云、混合云、私有云、專有云在內的綜合性行業解決方案。</p> </div> <div id="hdvrbnr" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務</h6> <p><a href="http://specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://specialneedsforspecialkids.com/site/solutions.html" >行業解決方案</a></p> <p><a href="http://specialneedsforspecialkids.com/site/pro-notice/">產品動態</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>社區欄目</h6> <p><a href="http://specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p> <p><a href="http://specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/report/">媒體動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p> <p><a href="http://specialneedsforspecialkids.com/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="hj5dt5r" class="copyright">Copyright ? 2012-2023 UCloud 優刻得科技股份有限公司<i>|</i><a rel="nofollow" >滬公網安備 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.baidu.com/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://specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a> <div class="friend-links"> <a href="http://belistarlp.com/">国产黄色在线</a> </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="rr5tr" class="pl_css_ganrao" style="display: none;"><mark id="rr5tr"><form id="rr5tr"></form></mark><ins id="rr5tr"><address id="rr5tr"></address></ins><p id="rr5tr"><nobr id="rr5tr"><b id="rr5tr"><meter id="rr5tr"></meter></b></nobr></p><strike id="rr5tr"><var id="rr5tr"><form id="rr5tr"><output id="rr5tr"></output></form></var></strike><i id="rr5tr"></i><ruby id="rr5tr"><thead id="rr5tr"><legend id="rr5tr"><sup id="rr5tr"></sup></legend></thead></ruby><form id="rr5tr"><ins id="rr5tr"></ins></form><acronym id="rr5tr"></acronym><font id="rr5tr"><progress id="rr5tr"></progress></font><strong id="rr5tr"><optgroup id="rr5tr"></optgroup></strong><div id="rr5tr"></div><legend id="rr5tr"><label id="rr5tr"></label></legend><tt id="rr5tr"></tt><mark id="rr5tr"><form id="rr5tr"></form></mark><u id="rr5tr"><ruby id="rr5tr"></ruby></u><ins id="rr5tr"><address id="rr5tr"></address></ins><tt id="rr5tr"><big id="rr5tr"><ol id="rr5tr"><pre id="rr5tr"></pre></ol></big></tt><legend id="rr5tr"></legend><address id="rr5tr"><p id="rr5tr"><var id="rr5tr"><form id="rr5tr"></form></var></p></address><meter id="rr5tr"><acronym id="rr5tr"><style id="rr5tr"><nobr id="rr5tr"></nobr></style></acronym></meter><thead id="rr5tr"><label id="rr5tr"></label></thead><mark id="rr5tr"></mark><legend id="rr5tr"></legend><menuitem id="rr5tr"></menuitem><ruby id="rr5tr"><form id="rr5tr"><legend id="rr5tr"><sup id="rr5tr"></sup></legend></form></ruby><dl id="rr5tr"><optgroup id="rr5tr"><video id="rr5tr"><tt id="rr5tr"></tt></video></optgroup></dl><style id="rr5tr"><nobr id="rr5tr"></nobr></style><sub id="rr5tr"></sub><mark id="rr5tr"></mark><strike id="rr5tr"></strike><small id="rr5tr"><meter id="rr5tr"><acronym id="rr5tr"><style id="rr5tr"></style></acronym></meter></small><pre id="rr5tr"><track id="rr5tr"><tt id="rr5tr"><menuitem id="rr5tr"></menuitem></tt></track></pre><output id="rr5tr"><address id="rr5tr"></address></output><dfn id="rr5tr"><menuitem id="rr5tr"><span id="rr5tr"><legend id="rr5tr"></legend></span></menuitem></dfn><font id="rr5tr"><progress id="rr5tr"></progress></font><pre id="rr5tr"></pre><video id="rr5tr"><tt id="rr5tr"><big id="rr5tr"><span id="rr5tr"></span></big></tt></video><big id="rr5tr"></big><pre id="rr5tr"><video id="rr5tr"></video></pre><label id="rr5tr"><strong id="rr5tr"></strong></label><u id="rr5tr"><mark id="rr5tr"><form id="rr5tr"><legend id="rr5tr"></legend></form></mark></u><strong id="rr5tr"><small id="rr5tr"></small></strong><i id="rr5tr"><track id="rr5tr"></track></i><mark id="rr5tr"><form id="rr5tr"></form></mark><thead id="rr5tr"><thead id="rr5tr"><label id="rr5tr"><strong id="rr5tr"></strong></label></thead></thead><b id="rr5tr"><meter id="rr5tr"><pre id="rr5tr"><style id="rr5tr"></style></pre></meter></b><sup id="rr5tr"><strong id="rr5tr"><ruby id="rr5tr"><font id="rr5tr"></font></ruby></strong></sup><div id="rr5tr"></div><u id="rr5tr"><ruby id="rr5tr"></ruby></u><ol id="rr5tr"><pre id="rr5tr"></pre></ol><label id="rr5tr"><strong id="rr5tr"></strong></label><address id="rr5tr"></address><acronym id="rr5tr"><strong id="rr5tr"><rp id="rr5tr"><font id="rr5tr"></font></rp></strong></acronym><label id="rr5tr"><u id="rr5tr"></u></label><style id="rr5tr"><nobr id="rr5tr"></nobr></style><track id="rr5tr"><em id="rr5tr"></em></track><dl id="rr5tr"><i id="rr5tr"><track id="rr5tr"><dfn id="rr5tr"></dfn></track></i></dl><label id="rr5tr"><rp id="rr5tr"></rp></label><p id="rr5tr"><var id="rr5tr"><form id="rr5tr"><video id="rr5tr"></video></form></var></p><ins id="rr5tr"><pre id="rr5tr"></pre></ins><form id="rr5tr"><thead id="rr5tr"><sup id="rr5tr"><label id="rr5tr"></label></sup></thead></form><font id="rr5tr"></font><th id="rr5tr"></th><label id="rr5tr"><u id="rr5tr"></u></label><form id="rr5tr"><output id="rr5tr"></output></form><div id="rr5tr"><ol id="rr5tr"></ol></div><rp id="rr5tr"><thead id="rr5tr"><thead id="rr5tr"><sup id="rr5tr"></sup></thead></thead></rp><p id="rr5tr"><strong id="rr5tr"><form id="rr5tr"><output id="rr5tr"></output></form></strong></p><legend id="rr5tr"><sup id="rr5tr"><strong id="rr5tr"><th id="rr5tr"></th></strong></sup></legend><track id="rr5tr"></track><em id="rr5tr"></em><output id="rr5tr"><address id="rr5tr"><p id="rr5tr"><strong id="rr5tr"></strong></p></address></output><label id="rr5tr"><th id="rr5tr"></th></label><rp id="rr5tr"></rp><menuitem id="rr5tr"></menuitem><legend id="rr5tr"><dfn id="rr5tr"><dfn id="rr5tr"><ruby id="rr5tr"></ruby></dfn></dfn></legend><pre id="rr5tr"></pre><var id="rr5tr"><optgroup id="rr5tr"><video id="rr5tr"><em id="rr5tr"></em></video></optgroup></var><progress id="rr5tr"><acronym id="rr5tr"><style id="rr5tr"><nobr id="rr5tr"></nobr></style></acronym></progress><address id="rr5tr"><strike id="rr5tr"><strong id="rr5tr"><pre id="rr5tr"></pre></strong></strike></address><ruby id="rr5tr"><thead id="rr5tr"><legend id="rr5tr"><sup id="rr5tr"></sup></legend></thead></ruby><label id="rr5tr"><u id="rr5tr"></u></label><meter id="rr5tr"><pre id="rr5tr"></pre></meter><th id="rr5tr"><b id="rr5tr"></b></th><output id="rr5tr"></output><u id="rr5tr"></u><th id="rr5tr"></th><u id="rr5tr"><ruby id="rr5tr"></ruby></u><mark id="rr5tr"><span id="rr5tr"></span></mark><thead id="rr5tr"><dfn id="rr5tr"></dfn></thead><dfn id="rr5tr"><dfn id="rr5tr"></dfn></dfn><strong id="rr5tr"></strong><pre id="rr5tr"><track id="rr5tr"><tt id="rr5tr"><menuitem id="rr5tr"></menuitem></tt></track></pre><output id="rr5tr"></output><i id="rr5tr"></i><optgroup id="rr5tr"></optgroup><var id="rr5tr"></var><ins id="rr5tr"></ins><strong id="rr5tr"></strong><pre id="rr5tr"><track id="rr5tr"><em id="rr5tr"><menuitem id="rr5tr"></menuitem></em></track></pre><thead id="rr5tr"></thead><ins id="rr5tr"><address id="rr5tr"><p id="rr5tr"><strong id="rr5tr"></strong></p></address></ins><dl id="rr5tr"></dl><address id="rr5tr"><strike id="rr5tr"><strong id="rr5tr"><pre id="rr5tr"></pre></strong></strike></address><style id="rr5tr"><nobr id="rr5tr"><small id="rr5tr"><ins id="rr5tr"></ins></small></nobr></style><strike id="rr5tr"><var id="rr5tr"><form id="rr5tr"><video id="rr5tr"></video></form></var></strike><em id="rr5tr"><big id="rr5tr"></big></em><sup id="rr5tr"><label id="rr5tr"><th id="rr5tr"><b id="rr5tr"></b></th></label></sup><legend id="rr5tr"><sup id="rr5tr"></sup></legend><track id="rr5tr"><tt id="rr5tr"></tt></track><i id="rr5tr"></i><sub id="rr5tr"><div id="rr5tr"></div></sub><label id="rr5tr"></label><u id="rr5tr"><ruby id="rr5tr"></ruby></u><form id="rr5tr"><output id="rr5tr"></output></form><sup id="rr5tr"></sup><dl id="rr5tr"></dl><b id="rr5tr"><meter id="rr5tr"><pre id="rr5tr"><p id="rr5tr"></p></pre></meter></b><thead id="rr5tr"><label id="rr5tr"><label id="rr5tr"><th id="rr5tr"></th></label></label></thead><ruby id="rr5tr"><thead id="rr5tr"><legend id="rr5tr"><sup id="rr5tr"></sup></legend></thead></ruby><em id="rr5tr"><strike id="rr5tr"></strike></em><thead id="rr5tr"><thead id="rr5tr"></thead></thead><sub id="rr5tr"><div id="rr5tr"><ol id="rr5tr"><pre id="rr5tr"></pre></ol></div></sub><label id="rr5tr"><strong id="rr5tr"></strong></label><div id="rr5tr"></div><sub id="rr5tr"><div id="rr5tr"></div></sub><div id="rr5tr"></div><i id="rr5tr"><listing id="rr5tr"></listing></i><optgroup id="rr5tr"><output id="rr5tr"></output></optgroup><u id="rr5tr"><ruby id="rr5tr"><thead id="rr5tr"><legend id="rr5tr"></legend></thead></ruby></u><style id="rr5tr"><th id="rr5tr"></th></style><optgroup id="rr5tr"><video id="rr5tr"><em id="rr5tr"><big id="rr5tr"></big></em></video></optgroup><pre id="rr5tr"><output id="rr5tr"><sub id="rr5tr"><big id="rr5tr"></big></sub></output></pre><i id="rr5tr"><track id="rr5tr"><dfn id="rr5tr"><mark id="rr5tr"></mark></dfn></track></i><label id="rr5tr"><th id="rr5tr"></th></label><legend id="rr5tr"></legend><i id="rr5tr"><listing id="rr5tr"></listing></i><track id="rr5tr"><em id="rr5tr"><menuitem id="rr5tr"><span id="rr5tr"></span></menuitem></em></track><legend id="rr5tr"><sup id="rr5tr"></sup></legend><video id="rr5tr"><em id="rr5tr"></em></video><mark id="rr5tr"><span id="rr5tr"><thead id="rr5tr"><label id="rr5tr"></label></thead></span></mark><optgroup id="rr5tr"><output id="rr5tr"><sub id="rr5tr"><big id="rr5tr"></big></sub></output></optgroup><sub id="rr5tr"><div id="rr5tr"></div></sub><font id="rr5tr"><progress id="rr5tr"></progress></font><big id="rr5tr"><span id="rr5tr"><pre id="rr5tr"><listing id="rr5tr"></listing></pre></span></big><thead id="rr5tr"><legend id="rr5tr"><label id="rr5tr"><strong id="rr5tr"></strong></label></legend></thead><form id="rr5tr"><legend id="rr5tr"></legend></form><span id="rr5tr"></span><menuitem id="rr5tr"><span id="rr5tr"><legend id="rr5tr"><label id="rr5tr"></label></legend></span></menuitem><thead id="rr5tr"><legend id="rr5tr"></legend></thead></div> <script src="http://specialneedsforspecialkids.com/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>