网页是什么语言编写的(哪种语言编写的网页最常见？)

网页是什么语言编写的？哪种语言编写的网页最常见？

在今天的数字化时代，网页已经成为人们最为便捷的获取信息的方式之一。那么，网页是由哪些语言编写而成的呢？哪种语言编写的网页最常见呢？本文将会简要介绍网页的构成，以及各种语言在其中所起的作用。

HTML：网页的基础语言

HTML（HyperText Markup Language）是构建网页的基础语言，它由一系列的标记（tag）组成，这些标记告诉浏览器如何显示页面的内容。HTML最初由CERN（欧洲核子研究组织）的Tim Berners-Lee所创作，现在已经发展成为编写网页的基础工具。

网页是什么语言编写的(哪种语言编写的网页最常见？)

使用HTML编写网页时，我们需要使用一些基本的标记，如``、``、``、``等等。通过这些标记，我们可以告诉浏览器如何在页面中渲染出文本、图片、视频等元素。HTML还支持CSS和JavaScript等其他编程语言，这些语言可以让我们更加灵活地控制网页的样式和行为。</p> <h2>CSS：网页的样式设计语言</h2> <p>CSS（Cascading Style Sheets）是一种用于网页样式设计的语言。通过CSS，我们可以定义网页中所有元素的样式，包括文字颜色、字体大小、边距、背景颜色等等。CSS的另一个重要作用是可以实现网页的响应式设计，使得网页可以自适应不同大小的屏幕。</p> <p>CSS的语法比HTML更加灵活和复杂，但是它的实现过程并不会改变HTML已经定义的文本结构。因此，我们可以通过CSS在同一页面中定义多种风格和主题，从而为不同用户提供不同的用户体验。</p> <h2>JavaScript：网页的交互语言</h2> <p>JavaScript是一种用于用户交互的编程语言。通过JavaScript，我们可以创建网页上的交互效果和动态效果，例如：弹出窗口、菜单动画、表单验证等等。此外，JavaScript还可以与服务器进行通信，实现对网页内容的动态更新。</p> <p>JavaScript可以访问HTML元素，也可以修改HTML元素的内容、属性和样式。在实现复杂网页时，JavaScript通常需要与HTML和CSS紧密结合，共同完成网页的实现和交互效果。</p> <h2>哪种语言编写的网页最常见？</h2> <p>在网页的构建中，HTML、CSS和JavaScript分别承担了文本结构、样式设计和交互效果三个不同的角色。因此，在编写网页时，我们通常需要同时使用这三种语言。</p> <p>但是，这并不意味着这三个方面的编写比重几何。实际上，大多数网页的制作过程中，HTML的编写通常占据了主导地位，是CSS的样式设定，而JavaScript则相对较少使用。这是因为HTML和CSS可以更精确地定义网页的基本信息和样式，通过简单的CSS样式设定就可以实现多种效果。而JavaScript需要更多的编程技能，通常用于实现更加复杂的交互效果和数据交互。</p> <p>此外，HTML、CSS和JavaScript并非唯一可用的网页开发语言。在特殊的需求下，网页开发人员还可以使用其他语言，例如PHP、Java、Ruby等等。但是，HTML、CSS和JavaScript的兼容性最好，而且有丰富的开发工具和教学资源可供参考，因此它们仍然是最常用的网页开发语言。</p> <h2></h2> <p>网页是由HTML、CSS和JavaScript等语言编写而成的，它承载着人们获取信息和交流的需求。HTML是网页的基础语言，CSS负责实现网页样式的设置，JavaScript则是控制网页交互效果的主要语言。尽管还存在其他可用的网页开发语言，但是HTML、CSS和JavaScript仍然是最常用的网页开发语言，也是最具可靠性和兼容性的选择。</p></div></p> </div> <div class="gaoyuan yc">除非注明，否则均为<span class="red">后台设置版权信息</span>原创文章，转载或复制请以超链接形式并注明出处。</div> </div> <footer class="entry-footer"> <div class="post-tags"><a href="https://www.suyuns.com/bbs/tags-2488.html" rel="tag" title="查看标签为《css》的所有文章">css</a><a href="https://www.suyuns.com/bbs/tags-2489.html" rel="tag" title="查看标签为《css颜色》的所有文章">css颜色</a><a href="https://www.suyuns.com/bbs/tags-2306.html" rel="tag" title="查看标签为《javascript》的所有文章">javascript</a><a href="https://www.suyuns.com/bbs/tags-2727.html" rel="tag" title="查看标签为《html语言》的所有文章">html语言</a><a href="https://www.suyuns.com/bbs/tags-2490.html" rel="tag" title="查看标签为《css样式》的所有文章">css样式</a></div> <div class="readlist ds-reward-stl"> <div class="read_outer"><a class="read" href="javascript:;" title="阅读模式"><i class="fa fa-send"></i> 阅读</a></div> <div class="read_outer"><a class="comiis_poster_a" href="javascript:;" title="生成封面"><i class="fa fa-image"></i> 海报</a></div> <div id="mClick" class="mobile_click"> <div class="share"> <div class="Menu-item"><a href="javascript:Share('tqq')"><i class="fa fa-qq"></i> QQ 分享</a></div> <div class="Menu-item"><a href="javascript:Share('sina')"><i class="fa fa-weibo"></i> 微博分享</a></div> <div class="Menu-item"><i class="fa fa-weixin"></i> 微信分享<img alt="微信扫一扫" src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/plugin/api.php?url=https://www.suyuns.com/bbs/post/3881.html"></div> </div> <i class="fa fa-share" title="分享转发"></i> 分享 </div> </div> </footer> </article> <nav class="single-nav"> <div class="entry-page-prev j-lazy" style="background-image: url(https://www.suyuns.com/bbs/zb_users/theme/quietlee/style/noimg/8.jpg)"> <a href="https://www.suyuns.com/bbs/post/3880.html" title="美橙互联是做什么的(美橙互联互联网服务提供商)"><span>美橙互联是做什么的(美橙互联互联网服务提供商)</span></a> <div class="entry-page-info"><span class="pull-left">« 上一篇</span><span class="pull-right">2023-06-19</span></div> </div> <div class="entry-page-next j-lazy" style="background-image: url(https://www.suyuns.com/bbs/zb_users/theme/quietlee/style/noimg/8.jpg)"> <a href="https://www.suyuns.com/bbs/post/3882.html" title="网站销售需要什么手续(网站销售合法手续全解析)"><span>网站销售需要什么手续(网站销售合法手续全解析)</span></a> <div class="entry-page-info"><span class="pull-right">下一篇 »</span><span class="pull-left">2023-06-19</span></div> </div> </nav> <div class="part-mor"> <h3 class="section-title"><span><i class="fa fa-rss-square"></i>相关阅读</span></h3> <ul class="section-cont-tags pic-box-list clearfix">  <li><a href="https://www.suyuns.com/bbs/post/4550.html"><i class="pic-thumb"><img class="lazy" src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/style/noimg/9.jpg" alt="网站公安网备案什么意思(网站备案解释一下公安网备案意义)" title="网站公安网备案什么意思(网站备案解释一下公安网备案意义)"></i> <h3>网站公安网备案什么意思(网站备案解释一下公安网备案意义)</h3> <p><b class="datetime">2023-06-25</b><span class="viewd">394 人在看</span></p> </a></li> <li><a href="https://www.suyuns.com/bbs/post/4549.html"><i class="pic-thumb"><img class="lazy" src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/style/noimg/8.jpg" alt="微官网都包括什么东西吗(微官网都有哪些内容？)" title="微官网都包括什么东西吗(微官网都有哪些内容？)"></i> <h3>微官网都包括什么东西吗(微官网都有哪些内容？)</h3> <p><b class="datetime">2023-06-25</b><span class="viewd">205 人在看</span></p> </a></li> <li><a href="https://www.suyuns.com/bbs/post/4548.html"><i class="pic-thumb"><img class="lazy" src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/style/noimg/6.jpg" alt="除了Joomla用什么做网站好(替代Joomla，更好的网站建设工具)" title="除了Joomla用什么做网站好(替代Joomla，更好的网站建设工具)"></i> <h3>除了Joomla用什么做网站好(替代Joomla，更好的网站建设工具)</h3> <p><b class="datetime">2023-06-25</b><span class="viewd">322 人在看</span></p> </a></li> <li><a href="https://www.suyuns.com/bbs/post/4547.html"><i class="pic-thumb"><img class="lazy" src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/style/noimg/1.jpg" alt="请使用wap页面什么(用wap浏览器访问页面精简流畅，快速加载)" title="请使用wap页面什么(用wap浏览器访问页面精简流畅，快速加载)"></i> <h3>请使用wap页面什么(用wap浏览器访问页面精简流畅，快速加载)</h3> <p><b class="datetime">2023-06-25</b><span class="viewd">217 人在看</span></p> </a></li> </ul> </div> <section id="comments"> <div id="comt-respond" class="commentpost wow fadeInDown"> <h4>发表评论<span><a rel="nofollow" id="cancel-reply" href="#comment" style="display:none;"><small>取消回复</small></a></span></h4> <form id="frmSumbit" target="_self" method="post" action="https://www.suyuns.com/bbs/zb_system/cmd.php?act=cmt&postid=3881&key=32ec5a0602c41a721ff2aaea96eb1833" > <input type="hidden" name="inpId" id="inpId" value="3881" /> <input type="hidden" name="inpRevID" id="inpRevID" value="0" /> <div class="comt-box"> <div class="form-group liuyan form-name"><input type="text" name="inpName" id="inpName" class="text" value="访客" placeholder="昵称" size="28" tabindex="1" /></div> <div class="form-group liuyan form-email"><input type="text" name="inpEmail" id="inpEmail" class="text" value="" placeholder="邮箱" size="28" tabindex="2" /></div> <div class="form-group liuyan form-www"><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" placeholder="网址" size="28" tabindex="3" /></div> </div> <div id="comment-tools"> <div class="tools_text"> <textarea placeholder="请遵守相关法律与法规，文明评论。O(∩_∩)O~~" name="txaArticle" id="txaArticle" class="text input-block-level comt-area" cols="50" rows="4" tabindex="5"></textarea> </div> </div> <div class="psumbit"> <div class="tools_title"> <span class="com-title com-reply">快捷回复：</span> <a class="psumbit-kjhf" href="javascript:addNumber('文章不错,写的很好！')" title="文章不错,写的很好！"><i class="fa fa-thumbs-o-up"></i></a> <a class="psumbit-kjhf" href="javascript:addNumber('emmmmm。。看不懂怎么破？')" title="emmmmm。。看不懂怎么破？"><i class="fa fa-thumbs-o-down"></i></a> <a class="psumbit-kjhf" href="javascript:addNumber('赞、狂赞、超赞、不得不赞、史上最赞！')" title="赞、狂赞、超赞、不得不赞、史上最赞！"><i class="fa fa-heart"></i></a> <span class="com-title">表情：</span><a href="javascript:;" class="face-show"><i class="fa fa-smile-o"></i></a> <div id="ComtoolsFrame" class="ComtoolsFrame" style="display: none;"></div> </div> <input name="sumbit" type="submit" tabindex="6" value="提交" onclick="return zbp.comment.post()" class="button" /> </div> </form> </div><div class="commentlist"> <div class="comment-tab"> <div class="come-comt">评论列表 <span id="comment_count">（暂无评论，<span style="color:#E1171B">87</span>人围观）</span></div> </div> <h2 class="comment-text-center"><i class="fa fa-frown-o"></i> 还没有评论，来说两句吧...</h2> <label id="AjaxCommentBegin"></label> </div> <span class="icon icon_comment" title="comment"></span> </section><a href="https://www.suyuns.com/bbs/post/3880.html" class="prev-article" title="美橙互联是做什么的(美橙互联互联网服务提供商)"> <i class="fa fa fa-angle-left"></i> </a><a href="https://www.suyuns.com/bbs/post/3882.html" class="next-article" title="网站销售需要什么手续(网站销售合法手续全解析)"> <i class="fa fa fa-angle-right"></i> </a> </div> <aside class="side fr"> <section class="widget abautor"> <div class="widget-list"> <div class="widget_avatar" style="background-image: url(https://img.t.sinajs.cn/t5/skin/public/profile_cover/015_s.jpg);"><a href="https://www.suyuns.com/bbs/author-1.html"><img class="widget-about-image" src="//dn-qiniu-avatar.qbox.me/avatar/b70a46f09148634901fa6e442fca8201.png?s=60&d=mm&r=G" alt="速云数据" height="70" width="70"><div class="widget-cover vip1"></div><i title="管理员" class="author-ident author1"></i></a></div> <div class="widget-about-intro"> <div class="name"><h3>速云数据</h3><span class="autlv aut-1 vs">V</span><span class="autlv aut-1">管理员</span></div> <div class="widget-about-desc">文章 6218 篇 <i>|</i> 评论 1 次</div> <div class="widget-article-newest"><span>最新文章</span></div> <ul class="widget-about-posts"> <li><span class="widget-posts-meta">10/29</span><a class="widget-posts-title" href="https://www.suyuns.com/bbs/post/6096.html" title="如何开启cdn隐藏(如何在网站中启用CDN隐藏功能？)">如何开启cdn隐藏(如何在网站中启用CDN隐藏功能？)</a></li> <li><span class="widget-posts-meta">10/29</span><a class="widget-posts-title" href="https://www.suyuns.com/bbs/post/6095.html" title="cdn怎么用(如何使用CDN来加速网站加载？)">cdn怎么用(如何使用CDN来加速网站加载？)</a></li> <li><span class="widget-posts-meta">10/29</span><a class="widget-posts-title" href="https://www.suyuns.com/bbs/post/6094.html" title="如何快速建立网站(如何迅速创建一个网站)">如何快速建立网站(如何迅速创建一个网站)</a></li> </ul> </div> </div> </section> <section class="widget wow fadeInDown" id="divPrevious"> <h3 class="widget-title"><i class="fa fa-divPrevious"></i><span>最近发表</span></h3> <ul class="widget-box divPrevious"><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-1">01</span> <span class="slash"></span> </span> <span class="text"><a href="https://www.suyuns.com/bbs/post/6096.html" title="如何开启cdn隐藏(如何在网站中启用CDN隐藏功能？)">如何开启cdn隐藏(如何在网站中启用CDN隐藏功能？)</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-2">02</span> <span class="slash"></span> </span> <span class="text"><a href="https://www.suyuns.com/bbs/post/6095.html" title="cdn怎么用(如何使用CDN来加速网站加载？)">cdn怎么用(如何使用CDN来加速网站加载？)</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-3">03</span> <span class="slash"></span> </span> <span class="text"><a href="https://www.suyuns.com/bbs/post/6094.html" title="如何快速建立网站(如何迅速创建一个网站)">如何快速建立网站(如何迅速创建一个网站)</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-4">04</span> <span class="slash"></span> </span> <span class="text"><a href="https://www.suyuns.com/bbs/post/6093.html" title="中文域名多少钱(中文域名价格是多少？)">中文域名多少钱(中文域名价格是多少？)</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-5">05</span> <span class="slash"></span> </span> <span class="text"><a href="https://www.suyuns.com/bbs/post/6092.html" title="中文域名续费多少钱(域名续费价格是多少钱？)">中文域名续费多少钱(域名续费价格是多少钱？)</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-6">06</span> <span class="slash"></span> </span> <span class="text"><a href="https://www.suyuns.com/bbs/post/6091.html" title="万网建站怎么样(万网建站的质量如何？)">万网建站怎么样(万网建站的质量如何？)</a></span> </li><li class="m-previous"> <span class="rankLeft"> <span class="rankNum num-7">07</span> <span class="slash"></span> </span> <span class="text"><a href="https://www.suyuns.com/bbs/post/6090.html" title="新网的域名怎么样(网的域名表现如何？)">新网的域名怎么样(网的域名表现如何？)</a></span> </li></ul> </section><section class="widget wow fadeInDown" id="side_con"> <h3 class="widget-title"><i class="fa fa-side_con"></i><span>热评文章</span></h3> <ul class="widget-box side_con"><li><span class="coll-commnums">0 评论</span><a class="coll-title" href="https://www.suyuns.com/bbs/post/1.html" title="服务器虚拟化技术对成本效益的影响（评论：0次）">服务器虚拟化技术对成本效益的影响</a><p>...</p></li><li><span class="coll-commnums">0 评论</span><a class="coll-title" href="https://www.suyuns.com/bbs/post/2.html" title="了解与选择合适的服务器监控与报警工具（评论：0次）">了解与选择合适的服务器监控与报警工具</a><p>...</p></li><li><span class="coll-commnums">0 评论</span><a class="coll-title" href="https://www.suyuns.com/bbs/post/3.html" title="服务器安全性的重要性及实践方法（评论：0次）">服务器安全性的重要性及实践方法</a><p>...</p></li><li><span class="coll-commnums">0 评论</span><a class="coll-title" href="https://www.suyuns.com/bbs/post/4.html" title="如何建立弹性计算的服务器架构（评论：0次）">如何建立弹性计算的服务器架构</a><p>...</p></li><li><span class="coll-commnums">0 评论</span><a class="coll-title" href="https://www.suyuns.com/bbs/post/5.html" title="如何优化服务器的网络安全性能（评论：0次）">如何优化服务器的网络安全性能</a><p>...</p></li><li><span class="coll-commnums">0 评论</span><a class="coll-title" href="https://www.suyuns.com/bbs/post/6.html" title="服务器存储性能优化的实践方法（评论：0次）">服务器存储性能优化的实践方法</a><p>...</p></li><li><span class="coll-commnums">0 评论</span><a class="coll-title" href="https://www.suyuns.com/bbs/post/7.html" title="服务器网络性能优化的关键点（评论：0次）">服务器网络性能优化的关键点</a><p>...</p></li><li><span class="coll-commnums">0 评论</span><a class="coll-title" href="https://www.suyuns.com/bbs/post/8.html" title="安全性与可用性：服务器衡量指标的权衡（评论：0次）">安全性与可用性：服务器衡量指标的权衡</a><p>...</p></li><li><span class="coll-commnums">0 评论</span><a class="coll-title" href="https://www.suyuns.com/bbs/post/9.html" title="如何进行服务器容量规划与资源调度（评论：0次）">如何进行服务器容量规划与资源调度</a><p>...</p></li></ul> </section><section class="widget wow fadeInDown" id="divTags"> <h3 class="widget-title"><i class="fa fa-divTags"></i><span>标签列表</span></h3> <ul class="widget-box divTags"><li> <a href="https://www.suyuns.com/bbs/tags-1948.html" title="高防">高防<span class="tag-count">194</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-749.html" title="优化">优化<span class="tag-count">121</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-1225.html" title="网站">网站<span class="tag-count">120</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-874.html" title="网络安全">网络安全<span class="tag-count">96</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-983.html" title="系统">系统<span class="tag-count">79</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-1461.html" title="SEO">SEO<span class="tag-count">75</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-818.html" title="linux系统">linux系统<span class="tag-count">62</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-1310.html" title="WordPress">WordPress<span class="tag-count">61</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-1283.html" title="插件">插件<span class="tag-count">58</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-2030.html" title="centos">centos<span class="tag-count">56</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-1230.html" title="可以">可以<span class="tag-count">56</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-1237.html" title="我们">我们<span class="tag-count">51</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-1525.html" title="Windows">Windows<span class="tag-count">50</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-755.html" title="流量">流量<span class="tag-count">48</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-1258.html" title="用户">用户<span class="tag-count">48</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-747.html" title="服务器类型">服务器类型<span class="tag-count">47</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-941.html" title="seo">seo<span class="tag-count">47</span></a> </li><li> <a href="https://www.suyuns.com/bbs/tags-1288.html" title="使用">使用<span class="tag-count">43</span></a> </li></ul> </section><section class="widget wow fadeInDown" id="divLinkage"> <h3 class="widget-title"><i class="fa fa-divLinkage"></i><span>友情链接</span></h3> <ul class="widget-box divLinkage"><li class="link-item"><a href="https://blog.suyun.net" target="_blank" title="速云博客">速云博客</a></li></ul> </section> </aside> </div> <div class="listree-box"> <h3 class="listree-titles"><a class="listree-btn" title="展开">目录[+]</a></h3> <ul id="listree-ol" style="display:none;"></ul> </div> <script>//分享代码 function Share(pType){ var pTitle = "网页是什么语言编写的(哪种语言编写的网页最常见？)"; //待分享的标题 var pImage = "https://www.suyuns.com/bbs/zb_users/upload/catimg/d1edaf188418fa45cfbee5b9acc5bb1f.png"; //待分享的图片 var pContent = "网页是什么语言编写的？哪种语言编写的网页最常见？在今天的数字化时代，网页已经成为人们最为便捷的获取信息的方式之一。那么，网页是由哪些语言编写而成的呢？哪种..."; //待分享的内容 var pUrl = window.location.href; //当前的url地址 var pObj = jQuery("div[class='yogo_hc']").find("h4"); if(pObj.length){ pTitle = pObj.text();} var pObj = jQuery("div[class='yogo_hcs']").find("em"); if(pObj.length){ pContent = pObj.text(); } var pObj = jQuery("div[class='con_cons']").find("img"); if(pObj.length){ pImage = jQuery("div[class='con_cons']").find("img",0).attr("src"); } shareys(pType, pUrl, pTitle,pImage, pContent); } function shareys(a, c, b, e, d) { switch (a) { case "sina": c = "//service.weibo.com/share/share.php?title\x3d" + encodeURIComponent("\u300c" + b + "\u300d" + d + "\u9605\u8bfb\u8be6\u60c5" + c) + "\x26pic\x3d" + e +"&appkey=&searchPic=true"; window.open(c); break; case "tqq": c = "//connect.qq.com/widget/shareqq/index.html?url\x3d" + encodeURIComponent(c) + "\x26title\x3d" + encodeURIComponent(b) + "\x26pics\x3d" + e; window.open(c); break; case "qzone": c = "//sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url\x3d" + encodeURIComponent(c) + "\x26title\x3d" + encodeURIComponent(b) + "\x26site\x3d\x26pics\x3d" + encodeURIComponent(e) + "\x26desc\x3d" + encodeURIComponent(d) + "\x26summary\x3d" + encodeURIComponent(d); window.open(c) } }; </script><script src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/plugin/js/html2canvas.min.js"></script> <script src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/plugin/js/common.js"></script> <script> var poster_open = 'on'; var txt1 = '长按识别二维码查看详情'; var txt2 = '速云数据'; var comiis_poster_start_wlat = 0; var comiis_rlmenu = 1; var comiis_nvscroll = 0; var comiis_poster_time_baxt; $(document).ready(function(){ $(document).on('click', '.comiis_poster_a', function(e) { show_comiis_poster_ykzn(); }); }); function comiis_poster_rrwz(){ setTimeout(function(){ html2canvas(document.querySelector(".comiis_poster_box_img"), {scale:2,useCORS:true}).then(canvas => { var img = canvas.toDataURL("image/jpeg", .9); document.getElementById('comiis_poster_images').src = img; $('.comiis_poster_load').hide(); $('.comiis_poster_imgshow').show(); }); }, 100); } function show_comiis_poster_ykzn(){ if(comiis_poster_start_wlat == 0){ comiis_poster_start_wlat = 1; popup.open('<img src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/plugin/img/imageloading.gif" class="comiis_loading">'); var url = window.location.href.split('#')[0]; url = encodeURIComponent(url); var html = '<div id="comiis_poster_box" class="comiis_poster_nchxd">\n' + '<div class="comiis_poster_box">\n' + '<div class="comiis_poster_okimg">\n' + '<div style="padding:150px 0;" class="comiis_poster_load">\n' + '<div class="loading_color">\n' + ' <span class="loading_color1"></span>\n' + ' <span class="loading_color2"></span>\n' + ' <span class="loading_color3"></span>\n' + ' <span class="loading_color4"></span>\n' + ' <span class="loading_color5"></span>\n' + ' <span class="loading_color6"></span>\n' + ' <span class="loading_color7"></span>\n' + '</div>\n' + '<div class="comiis_poster_oktit">正在生成海报, 请稍候</div>\n' + '</div>\n' + '<div class="comiis_poster_imgshow" style="display:none">\n' + '<img src="" class="vm" id="comiis_poster_images">\n' + '<div class="comiis_poster_oktit">↑长按上图保存图片分享</div>\n' + '</div>\n' + '</div>\n' + '<div class="comiis_poster_okclose"><a href="javascript:;" class="comiis_poster_closekey"><img src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/plugin/img/poster_okclose.png" class="vm"></a></div>\n' + '</div>\n' + '<div class="comiis_poster_box_img">\n' + '<div class="comiis_poster_img"><div class="img_time">19<span>2023/06</span></div><img src="https://www.suyuns.com/bbs/zb_users/upload/catimg/d1edaf188418fa45cfbee5b9acc5bb1f.png" class="vm" id="comiis_poster_image"></div>\n' + '<div class="comiis_poster_tita">网页是什么语言编写的(哪种语言编写的网页最常见？)</div>\n' + '<div class="comiis_poster_txta">网页是什么语言编写的？哪种语言编写的网页最常见？在今天的数字化时代，网页已经成为人们最为...</div><div class="comiis_poster_x guig"></div>\n' + '<div class="comiis_poster_foot">\n' + '<img src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/plugin/api.php?url='+url+'" class="kmewm fqpl vm">\n' + '<img src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/plugin/img/poster_zw.png" class="kmzw vm"><span class="kmzwtip">'+txt1+'<br>'+txt2+'</span>\n' + '</div>\n' + '</div>\n' + '</div>'; if(html.indexOf("comiis_poster") >= 0){ comiis_poster_time_baxt = setTimeout(function(){ comiis_poster_rrwz(); }, 5000); $('body').append(html); $('#comiis_poster_image').on('load',function(){ clearTimeout(comiis_poster_time_baxt); comiis_poster_rrwz(); }); popup.close(); setTimeout(function() { $('.comiis_poster_box').addClass("comiis_poster_box_show"); $('.comiis_poster_closekey').off().on('click', function(e) { $('.comiis_poster_box').removeClass("comiis_poster_box_show").on('webkitTransitionEnd transitionend', function() { $('#comiis_poster_box').remove(); comiis_poster_start_wlat = 0; }); return false; }); }, 60); } } } var new_comiis_user_share, is_comiis_user_share = 0; var as = navigator.appVersion.toLowerCase(), isqws = 0; if (as.match(/MicroMessenger/i) == "micromessenger" || as.match(/qq\//i) == "qq/") { isqws = 1; } if(isqws == 1){ if(typeof comiis_user_share === 'function'){ new_comiis_user_share = comiis_user_share; is_comiis_user_share = 1; } var comiis_user_share = function(){ if(is_comiis_user_share == 1){ isusershare = 0; new_comiis_user_share(); if(isusershare == 1){ return false; } } isusershare = 1; show_comiis_poster_ykzn(); return false; } } </script> </main> <footer class="site-footer footer"> <div class="site-info clearfix"> <div class="container"> <div class="footer-left"> <div class="footer-l-top clearfix"> <a rel="nofollow" href="/" target="_blank">关于本站</a><a rel="nofollow" href="/bbs/4581.html" target="_blank">免责声明</a><a rel="nofollow" href="/bbs/sitemap_article_1.xml" target="_blank">文章归档</a><a rel="nofollow" href="/bbs/sitemaps.xml" target="_blank">网站地图</a> </div> <div class="footer-l-btm"> <p class="top-text">Copyright<i class="fa fa-copyright"></i>2020-2024<a href="/">速云数据技术站</a>版权所有. 基于<a href="http://www.zblogcn.com/" rel="nofollow" title="Z-BlogPHP" target="_blank">Z-BlogPHP</a>搭建安全运行<span id="iday"></span>天 <script>function siteRun(d){var nowD=new Date();return parseInt((nowD.getTime()-Date.parse(d))/24/60/60/1000)} document.getElementById("iday").innerHTML=siteRun("2023/01/01");</script></p> <p class="jubao">本站服务器托管于 <a target="_blank" href="https://www.suyuns.com/"><img src="https://www.suyuns.com/home/img/logo.png"></a> 高防服务器稳定可靠！ </p> <p class="btm-text"><a class="ico-ico" href="http://beian.miit.gov.cn" rel="nofollow" target="_blank" rel="nofollow" title="湘ICP备2022022988号"><img src="/bbs/zb_users/theme/quietlee/style/images/icp.png" alt="湘ICP备2022022988号">湘ICP备2022022988号</a><a class="beian-ico" target="_blank" href="/" rel="nofollow" title="湘公网安备 43010202001616号"><img src="/bbs/zb_users/theme/quietlee/style/images/beian.png" alt="湘公网安备 43010202001616号">湘公网安备 43010202001616号</a> <span class="rt-times">运行时长：0.200秒</span><span class="rt-sql">查询信息：17 次</span><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6557e80e82307552552303de78a98880"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></p> </div> </div> <div class="footer-right"> <div class="wxcode"><img alt="微信扫一扫" src="https://www.suyuns.com/skin/ZdsjuK1/img/up/gzh.png"></div> </div> </div> </div> <div id="backtop" class="backtop"> <div class="bt-box top"><i class="fa fa-angle-up fa-2x"></i></div> <div class="bt-box bt-comments"><a href="https://www.suyuns.com/bbs/post/3881.html#comments" target="_self" title="发表评论"><i class="fa fa-comment fa-2x"></i></a></div> <div class="bt-box bottom"><i class="fa fa-angle-down fa-2x"></i></div> </div> <div class="mofang"> <div class="cube"> <div class="front"><a href="javascript:void(0);" rel="nofollow">速云数据</a></div> <div class="back"><a href="javascript:void(0);" rel="nofollow">耐打耐操</a></div> <div class="right"><a href="javascript:void(0);" rel="nofollow">稳定可靠</a></div> <div class="left"><a href="javascript:void(0);" rel="nofollow">耐打耐操</a></div> <div class="top"><a href="javascript:void(0);" rel="nofollow">高防机房</a></div> <div class="bottom"><a href="javascript:void(0);" rel="nofollow">耐打耐操</a></div> </div> </div> <script src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/script/jquery.pjax.js"></script> <script src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/script/custom.js?v=2024-10-10"></script> <script src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/script/jquery.lazy.js"></script> <script src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/script/wow.min.js"></script> <script src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/script/fancybox.js"></script> <script src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/script/nprogress.js"></script> <script>NProgress.start();setTimeout(function() { NProgress.done(); }, 1000);</script> <script type="text/javascript" src="https://www.suyuns.com/bbs/zb_users/theme/quietlee/script/qqinfo.js"></script></footer> </body> </html>