资讯专栏INFORMATION COLUMN

详解JavaScript Document对象

justjavac / 2418人阅读

摘要:也就是说,只要浏览器开始载入文档,这个对象就开始存在了,可以直接调用。属性返回该对象的所有子节点。第一个子节点是,表示文档类型节点。第二个子节点是,表示元素节点,代表。是在对象中创建一个对象,要与或方法联合使用。

赞助我以写出更好的文章,give me a cup of coffee?

2017最新最全前端面试题

在浏览器中,与用户进行数据交换都是通过客户端的javascript代码来实现的,而完成这些交互工作大多数是document 对象及其部件进行的,因此document对象是一个比较重要的对象。

document对象概述

document对象是文档的根节点,window.document属性就指向这个对象。也就是说,只要浏览器开始载入HTML文档,这个对象就开始存在了,可以直接调用。

document.childNodes属性返回该对象的所有子节点。对于HTML文档来说,document对象一般有两个子节点。

第一个子节点是document.doctype,表示文档类型节点(DocumentType)。对于HTML5文档来说,该节点就代表

第二个子节点是document.documentElement,表示元素节点(Element),代表:

document 对象的属性

document对象主要有如下属性:

属性 说明
document.title 设置文档标题等价于HTML的标签</td> </tr> <tr> <td>document.bgColor</td> <td align="center">设置页面背景色</td> </tr> <tr> <td>document.linkColor</td> <td align="center">未点击过的链接颜色</td> </tr> <tr> <td>document.alinkColor</td> <td align="center">激活链接(焦点在此链接上)的颜色</td> </tr> <tr> <td>document.fgColor</td> <td align="center">设置前景色(文本颜色)</td> </tr> <tr> <td>document.vlinkColor</td> <td align="center">已点击过的链接颜色</td> </tr> <tr> <td>document.URL</td> <td align="center">设置URL属性从而在同一窗口打开另一网页</td> </tr> <tr> <td>document.fileCreatedDate</td> <td align="center">文件建立日期,只读属性</td> </tr> <tr> <td>document.fileModifiedDate</td> <td align="center">文件修改日期,只读属性</td> </tr> <tr> <td>document.fileSize</td> <td align="center">文件大小,只读属性</td> </tr> <tr> <td>document.cookie</td> <td align="center">设置和读出cookie</td> </tr> <tr> <td>document.charset</td> <td align="center">设置字符集 简体中文:gb2312</td> </tr> </tbody> </table> <b>指向其他节点或对象的属性</b> <pre>document.doctype // <!DOCTYPE html> document.documentElement //返回文档的根节点 <html>...</html> document.head // <head>...</head> document.body // <body>...</body> document.defaultView // window document.querySelector("textarea").focus(); document.activeElement // <textarea></pre> <p><b>querySelector</b>返回的是一个对象,而<b>querySelectorAll</b>返回的一个集合(<b>NodeList</b>)。IE8以上支持</p> <p>详见:W3C selector API</p> <b>指向特定元素集合的属性</b> <pre>document.all :文档中所有的元素,Firefox不支持该属性。 document.forms :所有的form元素。 document.images:所有的img元素。 document.links:所有的a元素。 document.scripts:所有的script元素。 document.styleSheets:所有的link或者style元素。 </pre> <b>对象方法:</b> <table> <thead><tr> <th>方法</th> <th align="center">说明</th> </tr></thead> <tbody> <tr> <td>document.write()</td> <td align="center">动态向页面写入内容</td> </tr> <tr> <td>document.createElement(Tag)</td> <td align="center">创建一个html标签对象</td> </tr> <tr> <td>document.getElementById(ID)</td> <td align="center">获得指定ID值的对象</td> </tr> <tr> <td>document.getElementsByTagName(tagname)</td> <td align="center">获得指定标签名的对象</td> </tr> <tr> <td>document.getElementsByName(Name)</td> <td align="center">获得指定Name值的对象</td> </tr> <tr> <td>document.getElementsByClassName(classname)</td> <td align="center">获得指定类名的对象(html5 API)</td> </tr> </tbody> </table> <p><b>getElementById(id)</b>方法返回一个对象,该对象对应着文档里一个特定的元素节点。<br><b>getElementsByTagName()</b>方法将返回一个对象数组,他们分别对应着文档里一个特定的元素节点</p> <p><b>write()和writeln()</b>方法:区别在于后者在传送到文档中的字符串末时附加一个回车符。</p> <p><b>querySelector</b>方法的参数使用CSS选择器语法,<b>getElementById</b>方法的参数是HTML标签元素的<b>id</b>属性。</p> <pre>document.querySelector("li") document.getElementById("last") </pre> <p>如果有多个节点满足<b>querySelector</b>方法的条件,则返回第一个匹配的节点。</p> <p><b>document.createElement()</b>是在对象中创建一个对象,要与<b>appendChild()</b> 或 <b>insertBefore()</b>方法联合使用。</p> <p>其中,<b>appendChild()</b> 方法在节点的子节点列表末添加新的子节点。<b>insertBefore()</b> 方法在节点的子节点列表任意位置插入新的节点。</p> <b>body-主体子对象</b> <pre>document.body //指定文档主体的开始和结束等价于body>/body> document.body.bgColor //设置或获取对象后面的背景颜色 document.body.link //未点击过的链接颜色 document.body.alink //激活链接(焦点在此链接上)的颜色 document.body.vlink //已点击过的链接颜色 document.body.text //文本色 document.body.innerText //设置body>…/body>之间的文本 document.body.innerHTML //设置body>…/body>之间的HTML代码 document.body.topMargin //页面上边距 document.body.leftMargin //页面左边距 document.body.rightMargin //页面右边距 document.body.bottomMargin //页面下边距 document.body.background //背景图片 document.body.appendChild(oTag) //动态生成一个HTML对象 </pre> <b>常用对象事件</b> <pre>document.body.onclick=”func()” //鼠标指针单击对象是触发 document.body.onmouseover=”func()” //鼠标指针移到对象时触发 document.body.onmouseout=”func()” //鼠标指针移出对象时触发 </pre> <b>图层对象的4个属性</b> <pre>document.getElementById(”ID”).innerText //动态输出文本 document.getElementById(”ID”).innerHTML //动态输出HTML document.getElementById(”ID”).outerText //同innerText document.getElementById(”ID”).outerHTML //同innerHTML </pre> <p>看如下例子:</p> <pre><p>hello world!<span>你好</span></p> <script> var p = document.getElementsByTagName("p");//集合 // alert(p[0].textContent);//firefox // alert(p[0].innerText);//IE alert(p[0].innerHTML);//hello world!<span>你好</span> alert(p[0].outerHTML);//<p>hello world!<span>你好</span></p> alert(p[0].textContent);//hello world!你好 </script> </pre> <b>思维导图</b> <p><script type="text/javascript">showImg("http://segmentfault.com/img/bVcV6D");</script></p> </div> <div class="mt-64 tags-seach" > <div class="tags-info"> <a style="width:120px;" title="云服务器" href="https://www.ucloud.cn/site/active/kuaijiesale.html?ytag=seo">云服务器</a> <a style="width:120px;" title="GPU云服务器" href="https://www.ucloud.cn/site/product/gpu.html">GPU云服务器</a> <a style="width:120px;" title="javascript对象详解" href="https://www.ucloud.cn/yun/tag/javascriptduixiangxiangjie/">javascript对象详解</a> <a style="width:120px;" title="javascript document" href="https://www.ucloud.cn/yun/tag/javascript document/">javascript document</a> <a style="width:120px;" title="面向对象详解" href="https://www.ucloud.cn/yun/tag/mianxiangduixiangxiangjie/">面向对象详解</a> <a style="width:120px;" title="Hibernate对象详解" href="https://www.ucloud.cn/yun/tag/Hibernateduixiangxiangjie/">Hibernate对象详解</a> </div> </div> <div class="entry-copyright mb-30"> <p class="mb-15"> 文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。</p> <p>转载请注明本文地址:https://www.ucloud.cn/yun/87622.html</p> </div> <ul class="pre-next-page"> <li class="ellipsis"><a class="hpf" href="https://www.ucloud.cn/yun/87621.html">上一篇:Javascirpt 阻止表单提交</a></li> <li class="ellipsis"><a class="hpf" href="https://www.ucloud.cn/yun/87623.html">下一篇:JavaScript学习总结(四)function函数部分</a></li> </ul> </div> <div 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 class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/85931.html"><b>「<em>JavaScript</em>」JS四种跨域方式<em>详解</em></b></a></h2> <p class="ellipsis2 good">摘要:超详细并且带的跨域指南来了本文基于你了解的同源策略,并且了解使用跨域跨域的理由。使用方法就是将符合上述条件页面的设置为同样的二级域名。这两个网站都是协议,端口都是,且二级域名都是。 超详细并且带 Demo 的 JavaScript 跨域指南来了! 本文基于你了解 JavaScript 的同源策略,并且了解使用跨域跨域的理由。 1. JSONP 首先要介绍的跨域方法必然是 JSONP。 ...</p> <div class="com_white-left-info"> <div class="com_white-left-infol"> <a href="https://www.ucloud.cn/yun/u-1280.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/12/small_000001280.jpg" alt=""><span class="layui-hide64">wangym</span></a> <time datetime="">2019-08-21 10:38</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 class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/87606.html"><b><em>JavaScript</em>学习总结(三)BOM和DOM<em>详解</em></b></a></h2> <p class="ellipsis2 good">摘要:有级级级共个级别。事件类型事件类型鼠标事件键盘事件事件事件处理器执行代码的程序在事件发生时会对事件做出响应。在标签中使用事件处理器的语法是标签事件处理器代码事件处理程序事件就是用户或浏览器自身执行的某种动作。 DOM介绍 D(文档)可以理解为整个Web加载的网页文档,O(对象)可以理解为类似window对象只来的东西,可以调用属性和方法,这里我们说的是document对象,M(模型)可...</p> <div class="com_white-left-info"> <div class="com_white-left-infol"> <a href="https://www.ucloud.cn/yun/u-862.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/08/small_000000862.jpg" alt=""><span class="layui-hide64">littlelightss</span></a> <time datetime="">2019-08-21 12: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 class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/89323.html"><b><em>JavaScript</em>系列之事件<em>详解</em></b></a></h2> <p class="ellipsis2 good">摘要:响应某个事件的函数就叫事件处理程序或事件侦听器。为事件指定事件处理程序的方法主要有种。事件处理程序事件直接加在元素上。事件委托利用冒泡的原理,把事件加到父元素或祖先元素上,触发执行效果,解决事件处理程序过多问题。事件委托优点提高性能。 JavaScript简单入门可以看看我丑丑的Github博客JavaScript简单入门 事件 JavaScript与HTML之间的交互是通过事件实现的...</p> <div class="com_white-left-info"> <div class="com_white-left-infol"> <a href="https://www.ucloud.cn/yun/u-973.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/09/small_000000973.jpg" alt=""><span class="layui-hide64">pakolagij</span></a> <time datetime="">2019-08-21 17:16</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 class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/85393.html"><b><em>JavaScript</em>学习总结(九)事件<em>详解</em></b></a></h2> <p class="ellipsis2 good">摘要:布尔值表示捕获阶段调用事件处理程序,表示冒泡阶段通过对象的方法,也可以定义事件的回调函数。对象会被作为第一个参数传递给事件监听的回调函数。布尔默认值是,当设置成时用以取消事件的默认行为与中的相同。 其实这篇文章挺早之前就写了,但是由于sf保存方面的bug,所以当时写了一大堆,结果没保存,觉得这个没写完是个不小的遗憾,今天正好有空,就给补充下了,也正好给我的javascript学习总结做...</p> <div class="com_white-left-info"> <div class="com_white-left-infol"> <a href="https://www.ucloud.cn/yun/u-1111.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/11/small_000001111.jpg" alt=""><span class="layui-hide64">LiveVideoStack</span></a> <time datetime="">2019-08-21 10: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 class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/90469.html"><b><em>JavaScript</em>深入浅出</b></a></h2> <p class="ellipsis2 good">摘要:理解的函数基础要搞好深入浅出原型使用原型模型,虽然这经常被当作缺点提及,但是只要善于运用,其实基于原型的继承模型比传统的类继承还要强大。中文指南基本操作指南二继续熟悉的几对方法,包括,,。商业转载请联系作者获得授权,非商业转载请注明出处。 怎样使用 this 因为本人属于伪前端,因此文中只看懂了 8 成左右,希望能够给大家带来帮助....(据说是阿里的前端妹子写的) this 的值到底...</p> <div class="com_white-left-info"> <div class="com_white-left-infol"> <a href="https://www.ucloud.cn/yun/u-719.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/07/small_000000719.jpg" alt=""><span class="layui-hide64">blair</span></a> <time datetime="">2019-08-21 18:26</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 class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>发表评论</span></h3> <div class="xcp-publish-main flex_box_zd"> <div class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陆后可评论</a> </div> </div> </div> <div class="site-box-content"> <div class="site-content-title"> <h3 class="top-com-title mb-64"><span>0条评论</span></h3> </div> <div class="pages"></ul></div> </div> </div> <div class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div class=""> <div class="com_layuiright-box user-msgbox"> <a href="https://www.ucloud.cn/yun/u-325.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/03/small_000000325.jpg" alt=""></a> <h3><a href="https://www.ucloud.cn/yun/u-325.html" rel="nofollow">justjavac</a></h3> <h6>男<span>|</span>高级讲师</h6> <div class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(325)" id="attenttouser_325" class="grad follow-btn notfollow attention">我要关注</a> <a href="javascript:login()" title="发私信" >我要私信</a> </div> <div class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="https://www.ucloud.cn/yun/ut-325.html" class="box_hxjz">阅读更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/130790.html">tensorflow应用案例</a></h3> <p>阅读 3438<span>·</span>2023-04-25 21:43</p></li> <li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/114083.html">问:在指定的JSON数据中(最外层是数组)根据指定条件拿到匹配到的结果</a></h3> <p>阅读 3080<span>·</span>2019-08-29 17:04</p></li> <li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/113811.html">【静态页面架构】CSS之颜色与单位</a></h3> <p>阅读 773<span>·</span>2019-08-29 16:32</p></li> <li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/113210.html">前端每日实战:12# 视频演示如何用纯 CSS 创作一种文字断开的交互特效</a></h3> <p>阅读 1519<span>·</span>2019-08-29 15:16</p></li> <li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/112959.html">前端系列——论前端工程师增加知名度的重要性</a></h3> <p>阅读 2117<span>·</span>2019-08-29 14:09</p></li> <li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/112386.html">CSS3 新特性</a></h3> <p>阅读 2705<span>·</span>2019-08-29 13:07</p></li> <li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/109013.html">JavaScript事件循环(Event Loop)</a></h3> <p>阅读 1568<span>·</span>2019-08-26 13:32</p></li> <li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/108015.html">CSS层叠机制</a></h3> <p>阅读 1305<span>·</span>2019-08-26 12:00</p></li> </ul> </div> <!-- 文章详情右侧广告--> <div class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活动</span></h6> <div class="com_adbox"> <div class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="https://www.ucloud.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="https://www.ucloud.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服务器"> </a> </div> <div> <a href="https://www.ucloud.cn/site/product/gpu.html" rel="nofollow"> <img src="https://www.ucloud.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服务器"> </a> </div> </div> </div> </div> <!-- banner结束 --> <div class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"https://www.ucloud.cn/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按钮 --> <div class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩层 --> <div class="site-mobile-shade"></div> <!--付费阅读 --> <div id="payread"> <div class="layui-form-item">阅读需要支付1元查看</div> <div 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="https://www.ucloud.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="https://www.ucloud.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="https://www.ucloud.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("评论内容不能为空"); 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:"https://www.ucloud.cn/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "https://www.ucloud.cn/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:"https://www.ucloud.cn/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 class="layui-container"> <div class="flex_box_zd"> <div class="left-footer"> <h6><a href="https://www.ucloud.cn/"><img src="https://www.ucloud.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud (优刻得科技股份有限公司)"></a></h6> <p>UCloud (优刻得科技股份有限公司)是中立、安全的云计算服务平台,坚持中立,不涉足客户业务领域。公司自主研发IaaS、PaaS、大数据流通平台、AI服务平台等一系列云计算产品,并深入了解互联网、传统企业在不同场景下的业务需求,提供公有云、混合云、私有云、专有云在内的综合性行业解决方案。</p> </div> <div class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud与云服务</h6> <p><a href="https://www.ucloud.cn/site/about/intro/">公司介绍</a></p> <p><a href="https://zhaopin.ucloud.cn/" >加入我们</a></p> <p><a href="https://www.ucloud.cn/site/ucan/onlineclass/">UCan线上公开课</a></p> <p><a href="https://www.ucloud.cn/site/solutions.html" >行业解决方案</a></p> <p><a href="https://www.ucloud.cn/site/pro-notice/">产品动态</a></p> </li> <li> <h6>友情链接</h6> <p><a href="https://www.compshare.cn/?ytag=seo">GPU算力平台</a></p> <p><a href="https://www.ucloudstack.com/?ytag=seo">UCloud私有云</a></p> <p><a href="https://www.surfercloud.com/">SurferCloud</a></p> <p><a href="https://www.uwin-link.com/">工厂仿真软件</a></p> <p><a href="https://pinex.it/">Pinex</a></p> <p><a href="https://www.picpik.ai/zh">AI绘画</a></p> </li> <li> <h6>社区栏目</h6> <p><a href="https://www.ucloud.cn/yun/column/index.html">专栏文章</a></p> <p><a href="https://www.ucloud.cn/yun/udata/">专题地图</a></p> </li> <li> <h6>常见问题</h6> <p><a href="https://www.ucloud.cn/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="https://www.ucloud.cn/site/about/news/recent/" >新闻动态</a></p> <p><a href="https://www.ucloud.cn/site/about/news/report/">媒体动态</a></p> <p><a href="https://www.ucloud.cn/site/cases.html">客户案例</a></p> <p><a href="https://www.ucloud.cn/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="优刻得"></span> <p>扫扫了解更多</p></div> </div> <div class="copyright">Copyright © 2012-2023 UCloud 优刻得科技股份有限公司<i>|</i><a rel="nofollow" href="http://beian.miit.gov.cn/">沪公网安备 31011002000058号</a><i>|</i><a rel="nofollow" href="http://beian.miit.gov.cn/"></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> </body> <script src="https://www.ucloud.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>