hello大家好，今天小编来为大家解答以下的问题，前端浏览器SEO优化，很多人还不知道，现在让我们一起来看看吧！
随着互联网的发展，网站的SEO（Search Engine Optimization，搜索引擎优化）变得越来越重要。对于前端开发人员来说，优化网站在浏览器中的SEO是一项必不可少的任务。在本文中，我们将探讨如何通过前端浏览器 SEO 优化来提高网站的搜索引擎排名。
一、正确使用标签
标签是前端开发人员用来告诉搜索引擎网站的关键信息的重要标签。其中最重要的是
标签，它定义了网页的标题，搜索引擎将根据标题来确定网页的主题。在编写<title>标签时，要注意使用有针对性的关键词，并保证标题的长度在50个字符以内，这样才能在搜索引擎结果中完整显示。</p><p><meta>标签还可以被用来描述网页的描述、关键词和语言等信息。合理地填写这些信息可以帮助搜索引擎更好地理解和索引网站的内容。</p><p>二、合理使用URL</p><p>URL（Uniform Resource Locator）是网页的地址，对于搜索引擎来说，URL也是一个重要的指标。一个良好的URL结构可以提高搜索引擎对网页的索引效果。</p><p>在设计URL时，应尽量保持简洁、有意义，并包含关键词。要避免使用多个参数，可以使用短横线“-”或下划线“_”来分隔单词。这样做不仅有利于搜索引擎的理解和索引，也提高了用户体验。</p><p>三、优化网页内容</p><p>搜索引擎更喜欢原创、有价值的内容。前端开发人员应该努力提供高质量的网页内容，包括文字、图片、视频等。</p><p>在编写网页内容时，要注意使用关键词。不要过度使用关键词，这样会被搜索引擎认为是垃圾信息，不利于网站的排名。</p><p>还可以通过合理使用标题标签（、等）、段落标签（<p>）、列表标签（、等）等来提高网页的可读性和搜索引擎的理解能力。</p><p>四、网站的加载速度</p><p>网站的加载速度对于用户体验和搜索引擎排名都非常重要。Google已经将网站的加载速度作为搜索排名算法的一个重要因素。</p><p>前端开发人员可以优化网站的加载速度，例如压缩CSS和JavaScript文件、使用图片懒加载、合并请求等方法。选择好的服务器和CDN服务商也能帮助提升网站的加载速度。</p><p>五、移动端优化</p><p>随着移动设备的普及，移动搜索已经超过了桌面搜索。要优化网站在移动设备上的显示效果，以提升用户体验和搜索引擎排名。</p><p>可以使用响应式设计或者独立的移动网站来适应不同的设备。还要确保网站的内容在移动设备上加载速度快、布局合理、易于操作。</p><p>六、网站的结构优化</p><p>网站的结构对于搜索引擎的理解和索引非常重要。前端开发人员可以通过合理的HTML标签使用、内部链接的设置等来优化网站的结构。</p><p>使用<header>、<nav>、<section>、等语义化标签来明确网页的结构和内容。合理设置内部链接可以提高页面之间的链接权重，增加搜索引擎的索引机会。</p><p>前端浏览器 SEO 优化是提高网站搜索引擎排名的重要手段。通过正确使用<meta>标签、合理使用URL、优化网页内容、提升网站的加载速度、移动端优化以及网站的结构优化，可以有效地提高网站的搜索引擎排名，吸引更多的访问者。</p>前端浏览器SEO优化<p style="text-align:center"></p><p>1、提高页面加载速度。 </p><p>2、 结构、表现和行为的分离。</p><p>3、 优化网站分级结构。</p><p>4、 集中网站权重。</p><p>5、 文本强调标签的使用。</p><p>6、 a标签的title属性的使用</p><p>7、 图片alt属性的使用</p><p>8、 H标签的使用</p><p>9、图片大小声明</p><p>10页面布局调整。</p>SEO优化SEO<p style="text-align:center"></p><p>SEO优化是什么：SEO优化一般可简称为搜索优化。与SEO优化相关的搜索知识还有Search</p><p>Engine</p><p>Marketing(搜索引擎营销)，Search</p><p>Engine</p><p>Positioning（搜索引擎定位）、Search</p><p>Engine</p><p>Ranking（搜索引擎排名）。是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术，来对网页进行相关的优化，使其提高搜索引擎排名，从而提高网站访问量，最终提升网站的销售能力或宣传能力的技术。也欢迎您来我的seo博客</p><p>www.gutengseo.com</p><p>交流。</p><p>SEO优化的目标：当一个网</p><p>站对用户获取有价值信息非常方便、并且可以为用户不断提供有价值信息的时候，这样的网站在搜索引擎中的表现自然也就这表明搜索引擎优化是以用户为导向的网站优化效果的自然体现，因为搜索引擎的检索原则是为用户提供与检索信息最相</p><p>关的内容，如果一个网站/网页做到了这一点，自然会在搜索引擎检索结果中获得好的排名。</p><p>SEO优化步骤：1、关键词分析</p><p>2、网站架构分析</p><p>3、网站目录和页面优化</p><p>4、内容发布和链接布置</p><p>7、高质量的友情链接，建立高质量的友情链接，对于SEO优化来说，可以提高网站PR值以及网站的更新率，都是非常关键性的问题。8、网站流量分析，网站流量分析从SEO结果上指导下一步的SEO策略，同时对网站的用户体验优化也有指导意义。流量分析工具，建议采用Google流量分析。</p>SEO优化SEO优化<p style="text-align:center"></p><p>SEO优化是什么：SEO优化一般可简称为搜索优化。与SEO优化相关的搜索知识还有Search</p><p>Engine</p><p>Marketing(搜索引擎营销)，Search</p><p>Engine</p><p>Positioning（搜索引擎定位）、Search</p><p>Engine</p><p>Ranking（搜索引擎排名）。是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术，来对网页进行相关的优化，使其提高搜索引擎排名，从而提高网站访问量，最终提升网站的销售能力或宣传能力的技术。也欢迎您来我的seo博客</p><p>www.gutengseo.com</p><p>交流。</p><p>SEO优化的目标：当一个网</p><p>站对用户获取有价值信息非常方便、并且可以为用户不断提供有价值信息的时候，这样的网站在搜索引擎中的表现自然也就这表明搜索引擎优化是以用户为导向的网站优化效果的自然体现，因为搜索引擎的检索原则是为用户提供与检索信息最相</p><p>关的内容，如果一个网站/网页做到了这一点，自然会在搜索引擎检索结果中获得好的排名。</p><p>SEO优化步骤：1、关键词分析</p><p>2、网站架构分析</p><p>3、网站目录和页面优化</p><p>4、内容发布和链接布置</p><p>7、高质量的友情链接，建立高质量的友情链接，对于SEO优化来说，可以提高网站PR值以及网站的更新率，都是非常关键性的问题。8、网站流量分析，网站流量分析从SEO结果上指导下一步的SEO策略，同时对网站的用户体验优化也有指导意义。流量分析工具，建议采用Google流量分析。</p>SEO优化有前途<p style="text-align:center"></p><p>SEO行业的前景应该不错！尤其现在付费流量越来越贵，而SEO带来的自然流量就越来越重要了。</p><p>SEO工作当然有前途啊，这里指的是正规SEO哦。SEO本意 就是让用户更好的找到想要的东西。</p><p>我觉得SEO个人发展方向有四个：</p><p>1、SEO优化专家，SEO是一个基本功，需要你不断用项目来练手；</p><p>2、SEO培训师，学而优者 教，把你的方法整理出来，可以培训，像夫唯老师一样；</p><p>3、SEO网站分析师，现在各个网站需要SEO诊断，吃香的哈 </p><p>4、个人创业，也可以转流量运营然后再到整个网站运营，我现在走的这条路哈。</p><p>以上，以个人经验来说的。我是从SEO到市场，再到网络推广，再到带项目，再到流量运营、网站运营，加油！希望对你有帮助，采纳。SEO最重要是爱好和钻研，实践。</p>SEO移动端优化<p style="text-align:center"></p><p>百度手机端优化排名需要了解清楚这些要点，可以协助你做好手机端网站优化。1、手机端关键词seo域名优化百度移动端seo优化选择短域名，便于用户记忆，seo手机端优化短的域名方便搜索蜘蛛查找，减少资源的浪费。2、移动端关键词seoTitle优化Title文案区别PC端，尽量简短，体现优化移动端关键词，8个汉字以内把页面内容描述清楚并且包括频道名称，避免所有的页面描述使用同一个文案。3、手机端网站排名URL优化移动端关键词优化与PC端页面优化方法一致，全站需使用静态化链接使用静态链接，网站移动端优化避免使用带“?”带参数的动态URL作为超链接。4、移动端网站排名Meta优化百度移动端优化排名与PC端优化一致，使用关seo移动端关键词和描述的时候尽量准确的描述出网站所讲的内容。Deion优化时：字数限定在50个汉字，110个字符以内，好处是便于移动搜索摘要你的页面内容。5、合并文件优化百度手机端排名合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法，如可以简单地把所有的CSS文件都放到一个样式表中。6、站点结构百度手机端seo排名的网站结构建议采用树形结构，树形结构通常分为首页-频道-文章页三个层次，从首页到内容页的层次要尽量少，这样搜索引擎处理起来会更简单。对于优化百度移动端排名网站来说，首页要有重要栏目的导航，尽量多给详情页和重要流量承载页面入口，seo百度手机端首页布局不能太简短，网站移动端seo页面内容不能过单一。7、内部链接优化手机端seo优化与pc端网页优化结构一样，网站链接需要有逻辑，并且结构需清晰，用户能通过站内链接轻松回到首页。8、站点地图优化为seo优化手机端页面制作对应的站点地图，方便移动spider抓取。9、手机端网站seo页面及适配优化移动端整站优化运用xhtml、html5、wml等技术、做好网页对设备适配，并且针对PC端网站做响应式设计开发，不同的网站适配不同的机型，并且用302重定向到相对应的机型。据手机端排名优化软件公司了解，对于排名优化手机端站点，当baiduspider ua或者其它无法确定来源的ua访问时，建议默认情况下直接返回html5或xhtml类型的移动页面，不要重定向到PC页面。</p><p>前端浏览器SEO优化的介绍，今天就讲到这里吧，感谢你花时间阅读本篇文章，更多关于前端浏览器SEO优化的相关知识，我们还会随时更新，敬请收藏本站。</p></div>
<div class="umCopyright">
<p>
版权声明：成都南奇网络；
</p>
<p>原文链接：<a href="https://seo.cdnanqi.cn/seotuiguang/8745.html" title="前端浏览器SEO优化-成都SEO" style="color:#999">https://seo.cdnanqi.cn/seotuiguang/8745.html</a></p>
</div>
<div class="detail-arr">
<div class="detail-arr-left">上一篇：<a href="/seotuiguang/8744.html" title="渗透SEO排名优化工具-成都SEO">渗透SEO排名优化工具-成都SEO</a></div>
<div class="detail-arr-right">下一篇：<a href="/seotuiguang/8746.html" title="SEO常见优化技术长尾词-成都SEO">SEO常见优化技术长尾词-成都SEO</a></div>
</div>
</section>
</div>
</section>
</div>
<!--左侧end-->
<div class="col-md-3 col-xs-12 wap_margintop">
<div><section>
<div class="thleftcon" style="height: 335px;">
<div class="thleftcon-1">
<img class="th-img jsimg-height" src="/view/default/style/img/tx.jpg">
<img class="th-img jsimg-toux" src="/view/default/style/img/tx.png">
</div>
<div class="thjs_infor">
<h4>南奇成都seo优化</h4>
<div class="clear"></div>
</div>
<div class="thleftcon-2">
<dl>
<dd>【成都南奇网络】☎️19960635117主营成都seo优化,四川seo优化,成都网站优化,成都建站优化,成都SEO公司,成都seo快排,成都seo,成都seo排名,成都seo推广等网络推广业务。</dd>
</dl>
</div>
<div class="aut_count">
<ul>
<li><span>文章</span><strong>52590</strong></li>
<li><span>标签</span><strong>0</strong></li>
<li><span>浏览量</span><strong>100W+</strong></li>
</ul>
</div>
</div>
</section></div>
<!--当前分类最新文章start-->
<div class="th_margintop">
<section>
<div class="thleftcon">
<div class="thleftbt"><span>最新文章</span></div>
<ul class="th-5">
<li class="post_id_18421"><span class="date">04-13</span><i>1</i><a href="/seotuiguang/18421.html" title="百度竞价推广技巧价格-成都SEO优化">百度竞价推广技巧价格-成都...</a></li>
<li class="post_id_18420"><span class="date">04-13</span><i>2</i><a href="/seotuiguang/18420.html" title="百度竞价推广计划暂停了-成都SEO优化">百度竞价推广计划暂停了-成...</a></li>
<li class="post_id_18419"><span class="date">04-13</span><i>3</i><a href="/seotuiguang/18419.html" title="百度竞价推广是什么工作-成都SEO优化">百度竞价推广是什么工作-成...</a></li>
<li class="post_id_18418"><span class="date">04-13</span><i>4</i><a href="/seotuiguang/18418.html" title="百度网站推广和竞价-成都SEO优化">百度网站推广和竞价-成都S...</a></li>
<li class="post_id_18417"><span class="date">04-13</span><i>5</i><a href="/seotuiguang/18417.html" title="百度竞价的推广员-成都SEO优化">百度竞价的推广员-成都SEO...</a></li>
<li class="post_id_18416"><span class="date">04-13</span><i>6</i><a href="/seotuiguang/18416.html" title="百度竞价关键词质量度怎么提升-成都SEO优化">百度竞价关键词质量度怎么...</a></li>
<li class="post_id_18415"><span class="date">04-13</span><i>7</i><a href="/seotuiguang/18415.html" title="竞价账户托管优化-成都SEO优化">竞价账户托管优化-成都SEO...</a></li>
<li class="post_id_18414"><span class="date">04-13</span><i>8</i><a href="/seotuiguang/18414.html" title="百度推广竞价教程-成都SEO优化">百度推广竞价教程-成都SEO...</a></li>
</ul>
</div>
</section>
</div>
<!--当前分类最新文章end-->
<!--当前分类阅读排行榜start-->
<div class="th_margintop">
<section>
<div class="thleftcon">
<div class="thleftbt"><span>阅读排行</span></div>
<ul class="th-5">
<li class="post_id_172"><span class="date">727℃</span><i>1</i><a href="/seotuiguang/172.html" title="SEO运营，如何高效推进项目？">SEO运营，如何高效推进项目...</a></li>
<li class="post_id_85"><span class="date">661℃</span><i>2</i><a href="/seotuiguang/85.html" title="怎么优化网站内页排名？">怎么优化网站内页排名？</a></li>
<li class="post_id_96"><span class="date">530℃</span><i>3</i><a href="/seotuiguang/96.html" title="网站有收录却没有排名是什么原因">网站有收录却没有排名是什...</a></li>
<li class="post_id_173"><span class="date">506℃</span><i>4</i><a href="/seotuiguang/173.html" title="两个页面样式完全不同，但排名差不多，为什么？">两个页面样式完全不同，但...</a></li>
<li class="post_id_168"><span class="date">499℃</span><i>5</i><a href="/seotuiguang/168.html" title="为什么首页没有缩略图，栏目页，内容页都有缩略图？">为什么首页没有缩略图，栏...</a></li>
<li class="post_id_98"><span class="date">481℃</span><i>6</i><a href="/seotuiguang/98.html" title="网站的TDK频繁修改会造成什么后果">网站的TDK频繁修改会造成什...</a></li>
<li class="post_id_165"><span class="date">477℃</span><i>7</i><a href="/seotuiguang/165.html" title="网站每到周四排名就会下降，是怎么回事？">网站每到周四排名就会下降...</a></li>
<li class="post_id_97"><span class="date">454℃</span><i>8</i><a href="/seotuiguang/97.html" title="网站标题怎样设置才能利于优化">网站标题怎样设置才能利于...</a></li>
</ul>
</div>
</section>
</div>
<!--当前分类阅读排行榜end-->
<!--随机文章start-->
<div class="th_margintop">
<section><div class="thleftcon">
<div class="thleftbt"><span>猜你喜欢</span></div>
<ul class="th-6">
<li class="post_id_77">
<div class="gundongimg">
<a href="/wzseoyouhua/77.html" title="网站的快照为什么长时间不更新？">
<img class="th-img zhuti-img-height" src="https://seo.cdnanqi.cn/upload/rand_pic/0608.jpg" alt="网站的快照为什么长时间不更新？">
<div class="zhuantiinfo">网站的快照为什么长时间不更新？</div>
</a>
</div>
</li>
<li class="post_id_149">
<div class="gundongimg">
<a href="/scseoyouhua/149.html" title="批量建站SEO，站群思维还可行吗？">
<img class="th-img zhuti-img-height" src="https://seo.cdnanqi.cn/upload/rand_pic/0602.jpg" alt="批量建站SEO，站群思维还可行吗？">
<div class="zhuantiinfo">批量建站SEO，站群思维还可行吗？</div>
</a>
</div>
</li>
<li class="post_id_386">
<div class="gundongimg">
<a href="/cdseoyouhua/386.html" title="网络SEO中重要的优化技巧-成都SEO">
<img class="th-img zhuti-img-height" src="/static/img/nopic.gif" alt="网络SEO中重要的优化技巧-成都SEO">
<div class="zhuantiinfo">网络SEO中重要的优化技巧-成都SEO</div>
</a>
</div>
</li>
<li class="post_id_180">
<div class="gundongimg">
<a href="/seokuaipai/180.html" title="零搜索量的关键词，你需要布局吗？">
<img class="th-img zhuti-img-height" src="https://seo.cdnanqi.cn/upload/rand_pic/0610.jpg" alt="零搜索量的关键词，你需要布局吗？">
<div class="zhuantiinfo">零搜索量的关键词，你需要布局吗？</div>
</a>
</div>
</li>
<li class="post_id_448">
<div class="gundongimg">
<a href="/cdseoyouhua/448.html" title="SEO关键词优化推广词尾-成都SEO">
<img class="th-img zhuti-img-height" src="/static/img/nopic.gif" alt="SEO关键词优化推广词尾-成都SEO">
<div class="zhuantiinfo">SEO关键词优化推广词尾-成都SEO</div>
</a>
</div>
</li>
<li class="post_id_291">
<div class="gundongimg">
<a href="/cdseoyouhua/291.html" title="常规SEO优化售后保障-成都SEO">
<img class="th-img zhuti-img-height" src="/static/img/nopic.gif" alt="常规SEO优化售后保障-成都SEO">
<div class="zhuantiinfo">常规SEO优化售后保障-成都SEO</div>
</a>
</div>
</li>
<li class="post_id_337">
<div class="gundongimg">
<a href="/cdseoyouhua/337.html" title="信息流优化师新手入门SEO推广-成都SEO">
<img class="th-img zhuti-img-height" src="/static/img/nopic.gif" alt="信息流优化师新手入门SEO推广-成都SEO">
<div class="zhuantiinfo">信息流优化师新手入门SEO推广-成都SEO</div>
</a>
</div>
</li>
<li class="post_id_378">
<div class="gundongimg">
<a href="/cdseoyouhua/378.html" title="SEO体系网站的建设及优化-成都SEO">
<img class="th-img zhuti-img-height" src="/static/img/nopic.gif" alt="SEO体系网站的建设及优化-成都SEO">
<div class="zhuantiinfo">SEO体系网站的建设及优化-成都SEO</div>
</a>
</div>
</li>
<li class="post_id_187">
<div class="gundongimg">
<a href="/cdseoyouhua/187.html" title="搜索结果页竞价广告展现升级，对SEO有什么影响？">
<img class="th-img zhuti-img-height" src="https://seo.cdnanqi.cn/upload/rand_pic/0601.jpg" alt="搜索结果页竞价广告展现升级，对SEO有什么影响？">
<div class="zhuantiinfo">搜索结果页竞价广告展现升级，对SEO有什么影响？</div>
</a>
</div>
</li>
<li class="post_id_343">
<div class="gundongimg">
<a href="/cdseoyouhua/343.html" title="中小企业的优化SEO-成都SEO">
<img class="th-img zhuti-img-height" src="/static/img/nopic.gif" alt="中小企业的优化SEO-成都SEO">
<div class="zhuantiinfo">中小企业的优化SEO-成都SEO</div>
</a>
</div>
</li>
<li class="post_id_267">
<div class="gundongimg">
<a href="/cdseoyouhua/267.html" title="忠魁互联SEO排名优化-成都SEO">
<img class="th-img zhuti-img-height" src="/static/img/nopic.gif" alt="忠魁互联SEO排名优化-成都SEO">
<div class="zhuantiinfo">忠魁互联SEO排名优化-成都SEO</div>
</a>
</div>
</li>
<li class="post_id_27">
<div class="gundongimg">
<a href="/cdseoyouhua/27.html" title="怎样快速提高关键词排名">
<img class="th-img zhuti-img-height" src="https://seo.cdnanqi.cn/upload/rand_pic/0609.jpg" alt="怎样快速提高关键词排名">
<div class="zhuantiinfo">怎样快速提高关键词排名</div>
</a>
</div>
</li>
</ul>
</div>
</section>
</div>
<!--随机文章end-->
<!--热门标签start-->
<div class="th_margintop">
<section>
<div class="thleftcon">
<div class="thleftbt"><span>热门标签</span></div>
<ul class="th-7">
</ul>
</div>
</section>
</div>
<!--热门标签end-->
</div>
</div>
</div>
</section>
</div>
<div class="footer1">
<section>
<div class="container">
<div class="row">
<div class="col-md-4 col-xs-12 " style="border-right: 1px solid #3e3e3e;">
<dl class="footcon1">
<dt>关于我们</dt>
<dd>【成都南奇网络】☎️19960635117专业seo优化成都seo优化,四川seo优化,成都网站优化,成都建站优化,成都SEO公司,成都seo快排,成都seo,成都seo排名,成都seo推广等网络推广业务。网站内容图片素材均来自网络，如有侵权请及时联系我们。</dd>
</dl>
</div>
<div class="col-md-2 col-xs-12" style="border-right: 1px solid #3e3e3e;">
<dl class="footcon2">
<dt>快捷菜单</dt>
<dd>
<a href="https://seo.cdnanqi.cn/" target="_blank">成都seo优化</a>
</dd>
<dd>
<a href="https://seo.cdnanqi.cn/" target="_blank">成都seo公司</a>
</dd>
<dd>
<a href="https://seo.cdnanqi.cn/" target="_blank">成都seo推广</a>
</dd>
<dd>
<a href="https://seo.cdnanqi.cn/" target="_blank">成都建站优化</a>
</dd>
</dl>
</div>
<div class="col-md-4 col-xs-12" style="border-right: 1px solid #3e3e3e;">
<dl class="footcon1">
<dt>联系方式</dt>
<dd class="footlianx">
<i class="iconfont icon-app-phone1"></i>电话：<span>19960635117</span>
</dd>
<dd class="footlianx">
<i class="iconfont icon-dizhi"></i>地址：四川省成都市
</dd>
<dd class="footlianx">
<i class="iconfont icon-email"></i>Email：2016727013@qq.com </dd>
</dl>
</div>
</div>
</div>
</section>
</div>
<div>
<div class="footer2">
<p>Copyright © 2022 <a href="https://seo.cdnanqi.cn/">南奇seo优化</a> Inc. 保留所有权利。 Powered by <a href="https://seo.cdnanqi.cn/" target="_blank" title="CDNANQI">CDNANQI 3.0.1</a></p>
<p></p>
</div>
<div class="thgotop">
<ul>
<li id="guan" class="ditop">
<div class="yewan">
<i class="fa fa-circle" aria-hidden="true"></i>
<span class="">我要关灯</span>
</div>
<div class="baitian">
<i class="fa fa-circle-o" aria-hidden="true"></i>
<span class="">我要开灯</span>
</div>
</li>
<li class="ditop">
<i class="fa fa-address-book" aria-hidden="true"></i>
<span>客户电话</span>
<div class="ditopcon" style="bottom:-100px;">
<div class="ditop-qq-img">
<img class="th-img ditop-qq-height" src="/view/default/style/img/qq.png">
</div>
<div class="ditop-qq-btn">
2016727013 </div>
<p class="ditop-time">工作时间：8:00-18:00</p>
<p class="ditop-top">客服电话</p>
<p class="ditop-tel">19960635117</p>
<p class="ditop-top">电子邮件</p>
<p class="ditop-email">2016727013@qq.com</p>
</div>
</li>
<li class="ditop">
<i class="fa fa-weixin" aria-hidden="true"></i>
<span>官方微信</span>
<div class="ditopcon">
<p>扫码二维码</p>
<p>获取最新动态</p>
<div class="topthewm"><img class="th-img" src="/view/default/style/img/wx.png"></div>
</div>
</li>
<li id="go_top" class="ditop">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
<span>返回顶部</span>
</li>
</ul>
</div>
</div>
<script type="text/javascript" src="/static/js/pxmu.min.js"></script>
<script type="text/javascript">
//回复某评论
function reply_comment(commentid){
$("input[name='reply_commentid']").val(commentid);
var comment = $("#comment_"+commentid+">.msgarticle").html();
$("#reply_comment_content").html(comment);
$("#reply_comment_div").show();
}
//取消回复某评论
function cancel_reply_comment() {
$("input[name='reply_commentid']").val(0);
$("#reply_comment_div").hide();
}
//加载更多评论
(function(){
var obj = $("#load_more");
var next_url = obj.attr("next_url");
var isnext = obj.attr("isnext");
var no_more = function() {
obj.html("没有更多评论了");
if(typeof load_more != "undefined") obj.off("click", load_more);
}
if(isnext < 1) { no_more(); return; }
var leJosnLock = false;
var load_more = function() {
if(!next_url || leJosnLock) return;
obj.html("玩命加载中...");
leJosnLock = true;
$.get(next_url, function(data) {
try{
var json = eval("("+data+")");
next_url = json.next_url;
$.each(json.list_arr, function(i,item) {
var s = '<ul class="msg" id="comment_'+item.commentid+'">';
s += '<li class="msgname"><img class="avatar" src="'+item.avatar+'" width="32"> ';
s += '<span class="commentname">'+item.author+'</span><br><small>发布于 '+item.date+'</small><small><a class="reply_comment" href="javascript:;" onclick="reply_comment('+item.commentid+');">回复该评论</a></small></li>';
if(item.reply_comment_content){
s += '<li class="reply_msgarticle">回复：'+item.reply_comment_content+'</div>';
}
s += '<li class="msgarticle">'+item.content+'</div>';
s += '</ul>';
$(".comment_list>ul:last").after(s);
});
obj.html("显示更多评论");
leJosnLock = false;
if(json.isnext < 1) no_more();
}catch(e){
alert(data);
}
});
}
obj.click(load_more);
})();
</script>
</body>
</html>
