3条回答

爱前端

2楼 · 2020-04-28 11:40

… 定义 HTML 文档

… 文档的信息

HTML 文档的元信息

… 文档的标题

文档与外部资源的关系

文档的样式信息

… 可见的页面内容

...

块元素

... 内联元素

...

标题字大小（h1~h6）

... 粗体字

... 粗体字(强调)

... 斜体字

... 斜体字(强调)

… 居中文本

… 无序列表

… 有序列表

…

列表项目

… 超链接

定义文本字体尺寸、颜色、大小

_下标

^上标

换行

段落

定义图像< style>

水平线

~~加删除线~~

…

定义表格

… 定义表格中的表头单元格

… 定义表格中的行

… 定义表格中的单元

… 定义表格中的表头

… 定义表格中的主体

… 定义表格中的脚注

… 定义表格中的标题

定义表单

... 定义表单中的文本域

定义表单中的下拉框

等

3楼 · 2020-08-25 18:53

div p h1-h6 ul>li ol>li dl>dt dd

span b strong i em br hr

img input

彭彭彭

4楼 · 2021-01-19 15:38

创建一个HTML文档
设置文档标题和其它在网页中不显示的信息
设置文档的标题
标记页面正文网页中要显示出来的东东，都应放在这对标签之间

最大的标题

预先格式化文本
下划线
黑体字
斜体字
打字机风格的字体
引用，通常是斜体
强调文本（通常是斜体加黑体）
加重文本（通常是斜体加黑体）
设置字体大小从1到7，颜色使用名字或RGB的十六进制值
基准字体标记
字体加大
字体缩小
加删除线
程式码
键盘字
范例
变量

向右缩排
述语定义

地址标记
上标字
下标字
...；固定宽度字体（在文件中空白、换行、定位功能有效）
...</plaintext>；固定宽度字体（不执行）</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><listing>...</listing> 固定宽度小字体</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><font color=00ff00>...</font>；字体颜色</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><font size=1>...</font>；最小字体</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><font style =':100>...</font>；无限增大格式标志标签</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><p></p> 创建一个段落</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><p align=""> 将段落按左、中、右对齐</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><br>换行插入换行符</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><blockquote></blockquote> 从两边缩进文本</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><dl></dl> 定义列表</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><dt> 放在每个定义术语词前<dd> 放在每个定义之前</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><ol></ol> 创建一个标有数字的列表</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前，</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><div align=""></div> 用来排版大块</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);">HTML段落，也用于格式化表</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><menu> 选项清单</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><dir> 目录清单</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><nobr></nobr> 强行不换行</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><hr size='9' width='80%' color='ff0000'>水平线（设定宽度）</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><center></center> 水平居中链接标志表格标志</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"> 创建超文本链接</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"> ……< /a> 创建自动发送电子邮件的链接</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"> 创建位于文档内部的书签</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"> 创建指向位于文档内部书签的链接</span><br><span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: pre-wrap; widows: 2; background-color: rgb(255, 255, 255);"><BASE> 文档中不能被该站点辨识的其它所有链接源的URL< LINK></span></p> <div class="appendcontent"> </div> </div>  <div class="tool-group">  <div class="cdn_question_answer98027"></div> <script type="text/javascript"> getquestioncaozuo(5,393,98027); </script> </div> </div> </div> <div class="comments-mod " style="display: none; float: none; padding-top: 10px;" id="comment_98027"> <div class="areabox clearfix"> <div class="input-group"> <input type="text" placeholder="请输入评论内容，不少于5个字" AUTOCOMPLETE="off" class="comment-input form-control" name="content" /> <input type='hidden' value='0' name='replyauthor' /> <span class="input-group-btn"><input type="button" value="评论" class="btn btn-green" name="submit" onclick="addcomment(98027);" /> </span> </div> </div> <ul class="my-comments-list nav"> <li class="loading text-left"><img src='http://www.shouhuola.com/static/css/default/loading.gif' align='absmiddle' /> 加载中...</li> </ul> </div> </div> <div class="pages"></div> </div> </div> <div></div> </div>  <div class="cdn_question_invate"></div> <script type="text/javascript"> getquestioncaozuo(7,393); </script>  <div class="new_xgwt"> <h3>相关问题推荐</h3>  <ul><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30807.html" target="_blank">现在的web开发的要求高吗？</a><i>2020-11-01 21:57</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>120</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">相对前几年来说，要高上不少了，毕竟入行的人也是越来越多了，基础的工作对应想要参与的人群基数越来越大，但是对于高端人才的需求还是很多，人才还是相对稀缺性的。所以，想要学web或者其他技术也一样，别等，别观望。web前端就业方向特别多包括web前端开发...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-35620.html" target="_blank">相对定位和绝对定位的区别是什么呢</a><i>2021-04-09 11:10</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>25</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">相对定位和绝对定位是定位的两种表现形式，区别如下：一、主体不同1、相对定位：是设置为相对定位的元素框会偏移某个距离。2、绝对定位：absolute 脱离文档流，通过 top,bottom,left,right 定位。二、特点不同1、相对定位：在使用相对定位时，无论是否进行移...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-2892.html" target="_blank">抓包是什么意思？</a><i>2020-04-01 17:36</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>7</span></div> <div class="new_xgwt_bt_get">已采纳</div> <p class="new_xgwt_bt_p">抓包（packet capture）就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，也用来检查网络安全。抓包也经常被用来进行数据截取等。抓包可以通过抓包工具来查看网络数据包内容。通过对抓获的数据包进行分析，可以得到有用的信息。目前流行的...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31379.html" target="_blank">前端常用的框架有哪些？</a><i>2020-11-27 10:54</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>89</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架等等</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31230.html" target="_blank">前端自学的效果怎么样</a><i>2020-11-19 13:46</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>65</span></div> <div class="new_xgwt_bt_get">已采纳</div> <p class="new_xgwt_bt_p">前端是目的就业前景非常不错的一个计算机技术，但是自学的话还是有一定难度的，网络上自学是碎片化的，同时互联网技术跟新换代快，自己的话比较吃力也学习不到最新的技术。</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-463.html" target="_blank"> SSR 是什么意思？</a><i>2020-03-20 18:56</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>6</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">SSR就是一台服务器，可以利用 SSR 在远程的服务器上配置 SSR，使其能够成为 SSR 节点，这样本地电脑或者其它设备利用 SSR 节点实现 VPN 或者远程上网及游戏加速等方面。ShadowsocksR（简称 SSR）是 Shadowsocks 分支，在 Shadowsocks 的基础上增加了一些数据...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30801.html" target="_blank">现在计算机培训都有什么课程？</a><i>2020-10-31 14:36</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>52</span></div> <div class="new_xgwt_bt_get">已采纳</div> <p class="new_xgwt_bt_p">计算机培训方向比较多，建议找适合自己的方向选择培训编程类：JAVA、WEB、Python、C/C++、C#等测试类：软件测试运维类：云计算、网络安全设计类：UI设计、3D建模等</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-32534.html" target="_blank">echarts 图表类型设置为time 时，设置</a><i>2021-01-07 11:14</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>11</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">1、代码判断xAxis: {type: &#39;time&#39;,splitLine: {show: false},interval: 3600, // 设置x轴时间间隔axisLabel: {formatter: function(value, index) {return liangTools.unix2hm(value)}}},首先要把xAxis 显示类型设置成time，然后设置对应X轴......</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37410.html" target="_blank">移动跨平台开发框架有哪些</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-04-01 18:57</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>8</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">HTML5 + CSS + JavaScript 开发跨平台重用代码 </p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37409.html" target="_blank">miniMobile移动端框架有什么特点</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-04-01 18:57</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>4</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">采用rem单位自动响应,并提供独有栅格化系统快速定义宽高、边距节省css代码量,同时总结各大型移动端网页,提供一套ui颜色搭配规范,尺寸规范,字体规范等。</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37401.html" target="_blank">求推荐界面比较漂亮的移动开发框架</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-03-15 16:12</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>10</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">iView UI、ioni、SUI</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37395.html" target="_blank">移动端开发用什么JS框架好</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-03-11 18:19</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>6</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p"> jQTouch </p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37394.html" target="_blank">现在移动端开发都用的什么框架</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-03-11 18:19</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>4</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">如果只是普通的移动端用vue react 或者dva 如果是要编译成小程序什么的或者混生就用uni-app（对应vue语法）taro（对应react）或者纯原生这个没有限制的，自己怎么舒服怎么来</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37264.html" target="_blank">为什么说atom和sublime都是前端开发者用的</a><a href="http://www.shouhuola.com/tags/question/htmlbianjiqi.html" target="_blank"><em>HTML编辑器</em></a> <i>2022-01-06 15:12</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>4</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">因为可以运用在网页和小程序的开饭中，而且开源，用着便宜，企业都很喜欢</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37263.html" target="_blank">前端开发用的文本编辑器有哪些？</a><a href="http://www.shouhuola.com/tags/question/htmlbianjiqi.html" target="_blank"><em>HTML编辑器</em></a> <i>2022-01-06 15:10</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>10</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">一、Visual Studio Code下载地址：https://code.visualstudio.com/微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。Visual Stud...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37190.html" target="_blank">如何循环淡入淡出图片</a><a href="http://www.shouhuola.com/tags/question/cssyangshi.html" target="_blank"><em>css样式</em></a> <i>2021-12-08 11:25</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>9</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">jQuery自带淡入淡出效果 https://www.w3school.com.cn/jquery/jquery_fade.asp 看看这个 </p> </div> </li></ul> <div class="notSolve">没有解决我的问题，<a href="http://www.shouhuola.com/question/add.html">去提问</a></div> </div> </div> </div> </div> </div> <div class="col-md-7 aside "> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">等你来答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-30807.html" title="现在的web开发的要求高吗？"> 现在的web开发的要求高吗？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-30807.html" class="anum">120 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-35620.html" title="相对定位和绝对定位的区别是什么呢"> 相对定位和绝对定位的区别是什么呢 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-35620.html" class="anum">25 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31379.html" title="前端常用的框架有哪些？"> 前端常用的框架有哪些？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31379.html" class="anum">89 个回答</a> </div> </li></ul> </div> </div> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">热门问答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-13696.html" title="学习编程是不是就要多敲代码？"> 学习编程是不是就要多敲代码？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-13696.html" class="anum">7 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-27399.html" title="一般培训机构一个班大约多少人？"> 一般培训机构一个班大约多少人？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-27399.html" class="anum">17 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-13730.html" title="能独立开发小程序可以找到工作的吗？"> 能独立开发小程序可以找到工作的吗？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-13730.html" class="anum">12 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31908.html" title="前端和后端谁的发展更好？"> 前端和后端谁的发展更好？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31908.html" class="anum">37 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-36836.html" title="Web学习，自学能力很差，用什么办法改善下？"> Web学习，自学能力很差，用什么办法改善下？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-36836.html" class="anum">51 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-18855.html" title="Echarts优缺点？"> Echarts优缺点？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-18855.html" class="anum">4 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-34038.html" title="微信小程序如何将数据进行本地存储并且如何获取"> 微信小程序如何将数据进行本地存储并且如何获取 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-34038.html" class="anum">11 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-9445.html" title="VsCode中TabNine插件怎么激活？"> VsCode中TabNine插件怎么激活？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-9445.html" class="anum">8 个回答</a> </div> </li></ul> </div> </div><div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">相关文章</h3> <ul><li class="no-video"><a href="http://www.shouhuola.com/article-54195.html" title="前端开发的招聘注重学历吗？一份优秀的前端开发工程师简历是怎么样的？"> 前端开发的招聘注重学历吗？一份优秀的前端开发工程师简历是怎么样的？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-54195.html" title="前端开发的招聘注重学历吗？一份优秀的前端开发工程师简历是怎么样的？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-54163.html" title="30岁学前端来得及吗？0基础学前端需要多久？"> 30岁学前端来得及吗？0基础学前端需要多久？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-54163.html" title="30岁学前端来得及吗？0基础学前端需要多久？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53965.html" title="前端开发的工作方向有哪些？"> 前端开发的工作方向有哪些？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53965.html" title="前端开发的工作方向有哪些？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53947.html" title="前端开发适合女生吗？一般多久才能就业？"> 前端开发适合女生吗？一般多久才能就业？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53947.html" title="前端开发适合女生吗？一般多久才能就业？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53943.html" title="2023年前端开发方向大厂招人和面试要求趋势"> 2023年前端开发方向大厂招人和面试要求趋势</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53943.html" title="2023年前端开发方向大厂招人和面试要求趋势" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53935.html" title="2023年前端程序员值得学习的5个新技术"> 2023年前端程序员值得学习的5个新技术</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53935.html" title="2023年前端程序员值得学习的5个新技术" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53714.html" title="所谓DNS污染和劫持是什么？"> 所谓DNS污染和劫持是什么？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53714.html" title="所谓DNS污染和劫持是什么？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53403.html" title="normalize库"> normalize库</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53403.html" title="normalize库" class="anum"> 0个评论</a> </div></li> </ul> </div> </div></div> </div> </div> <div class="modal fade" id="dialogadopt"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">采纳回答</h4> </div> <div class="modal-body"> <form class="form-horizontal" name="editanswerForm" method="post"> <input type="hidden" value="393" id="adopt_qid" name="qid" /> <input type="hidden" id="adopt_answer" value="0" name="aid" /> <table class="table "> <tr valign="top"> <td>向帮助了您的网友说句感谢的话吧!</td> </tr> <tr> <td> <div class="inputbox mt15"> <textarea class="form-control" id="adopt_txtcontent" name="content">非常感谢!</textarea> </div> </td> </tr> <tr> <td><button type="button" id="adoptbtn" class="btn btn-success">确 认</button></td> </tr> </table> </form> </div> </div> </div> </div> <script> if(typeof($(".work-show-box").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".work-show-box").find("img").attr("data-original"); $(".work-show-box").find("img").attr("src",imgurl); } $(".work-show-box,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); $("#adoptbtn").click(function(){ var data={ content:$("#adopt_txtcontent").val(), qid:$("#adopt_qid").val(), aid:$("#adopt_answer").val() } $.ajax({ //提交数据的类型 POST GET type:"POST", //提交的网址 url:"http://www.shouhuola.com/question/ajaxadopt.html", //提交的数据 data:data, //返回数据的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在请求之前调用的函数 beforeSend:function(){}, //成功返回之后调用的函数 success:function(data){ var data=eval("("+data+")"); if(data.message=='ok'){ new $.zui.Messager('采纳成功!', { type: 'success', close: true, placement: 'center' // 定义显示位置 }).show(); setTimeout(function(){ window.location.reload(); },1500); }else{ new $.zui.Messager(data.message, { close: true, placement: 'center' // 定义显示位置 }).show(); } } , //调用执行后调用的函数 complete: function(XMLHttpRequest, textStatus){ }, //调用出错执行的函数 error: function(){ //请求出错处理 } }); }) </script> </div>  <div class="modal fade" id="dialog_tag"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">编辑标签</h4> </div> <div class="modal-body"> <form onsubmit=" return checktagsubmit()" class="form-horizontal" name="edittagForm" action="http://www.shouhuola.com/question/edittag.html" method="post"> <input type="hidden" value="393" name="qid" /> <p>最多设置5个标签!</p> <div class="inputbox mar-t-1"> <div class=" dongtai "> <div class="tags"></div> <input type="text" autocomplete="off" data-toggle="tooltip" data-placement="bottom" title="" placeholder="检索标签，最多添加5个,添加标签更容易被回答" data-original-title="检索标签，最多添加5个" name="topic_tagset" value="" class="txt_taginput"> <i class="fa fa-search"></i> <div class="tagsearch"></div> </div> <input type="hidden" class="form-control" id="qtags" name="qtags" value="" /> </div> <div class="mar-t-1"> <button type="submit" class="btn btn-success">保存</button> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div> <div class="modal fade panel-report" id="dialog_inform"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">举报内容</h4> </div> <div class="modal-body"> <form id="rp_form" class="rp_form" action="http://www.shouhuola.com/inform/add.html" method="post"> <input value="" type="hidden" name="qid" id="myqid"> <input value="" type="hidden" name="aid" id="myaid"> <input value="" type="hidden" name="qtitle" id="myqtitle"> <div class="js-group-type group group-2"> <h4>检举类型</h4> <ul> <li class="js-report-con"><label><input type="radio" name="group-type" value="1"><span>检举内容</span></label></li> <li class="js-report-user"><label><input type="radio" name="group-type" value="2"><span>检举用户</span></label></li> </ul> </div> <div class="group group-2"> <h4>检举原因</h4> <div class="list"> <ul> <li><label class="reason-btn"><input type="radio" name="type" value="4"><span>广告推广</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="5"><span>恶意灌水</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="6"><span>回答内容与提问无关</span> </label></li> <li><label class="copy-ans-btn"><input type="radio" name="type" value="7"><span>抄袭答案</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="8"><span>其他</span></label></li> </ul> </div> </div> <div class="group group-3"> <h4>检举说明(必填)</h4> <div class="textarea"> <ul class="anslist" style="display: none; line-height: 20px; overflow: auto; height: 171px;"> </ul> <textarea name="content" maxlength="200" placeholder="请输入描述200个字以内"> </textarea> </div> </div> <div class="mar-t-1"> <button type="submit" id="btninform" class="btn btn-success">提交</button> <button type="button" class="btn btn-default mar-ly-1" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div>  <div class="modal share-wechat animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮</h5> <div data-url="http://www.shouhuola.com/q-393.html" class="qrcode" title="http://www.shouhuola.com/q-393.html"> <canvas width="170" height="170" style="display: none;"></canvas> <div id="qr_wxcode"></div> </div> </div> <div class="modal-footer"></div> </div> </div> </div>  <div class="modal pay-money animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>付费偷看金额在0.1-10元之间</h5> <div class="mar-t-1"> <input type="number" value="0" id="chakanjine" class="form-control" /> </div> <button id="comfirm_pay" class="btn btn-success mar-t-1">确定</button> </div> <div class="modal-footer"></div> </div> </div> </div>  <div class="modal fade" id="dialog_invate"> <div class="modal-dialog" style="width: 700px; top: 10px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title"></h4> <div class="m_invateinfo"> <span class="m_i_text""> 您已邀请<span class="m_i_persionnum">15</span>人回答 </span> <span data-toggle="popover" data-tip-class="popover-info" data-html="ture" data-placement="bottom" data-content="" title="我的邀请列表" class="m_i_view">查看邀请</span> <div class="m_i_warrper"> <input data-qid="393" type="text" id="m_i_searchusertxt" class="m_i_search" placeholder="搜索你想邀请的人"> <i class="fa fa-search"></i> </div> </div> </div> <div class="modal-body">  <ul class="trigger-menu m_invate_tab" data-pjax-container="#list-container"> <li class="active" data-qid="393" data-item="1"><a href="javascript:">擅长该话题的人</a></li> <li class="" data-qid="393" data-item="2"><a href="javascript:"> 回答过该话题的人</a></li> <li class="" data-qid="393" data-item="3"><a href="javascript:">我关注的人</a></li> </ul>  <div class="m_invatelist"></div> </div> </div> </div> </div> <script> getquestioncaozuo(1,393); getquestioncaozuo(2,393); getquestioncaozuo(3,393); getquestioncaozuo(4,393); getquestioncaozuo(8,393); $(".btnshowall").click(function(){ $(".shortquestioncontent").toggle(); $(".hidequestioncontent").toggle(); }); $("#normal-comment-list .answercontent").each(function(){ if($(this).height()>150){ $(this).parent().find(".readmore").show(); }else{ $(this).parent().find(".readmore").hide(); } }); // $(".readmore").click(function(){ // if($.trim($(this).html())=="查看更多"){ // $(this).parent().find(".answercontent").css("max-height","100000px").css("overflow","visible"); // $(this).html("收起"); // }else{ // $(this).parent().find(".answercontent").css("max-height","200px").css("overflow","hidden"); // $(this).html("查看更多"); // } // }); var needcode=0; var g_id = 6; var qid = 393; function listertext(){ var _content=$("#anscontent").val(); if(_content.length>0&&g_id!=1){ $(".code_hint").show(); }else{ $(".code_hint").hide(); } } var mobile_localyuyin=1; // var userAgent = window.navigator.userAgent.toLowerCase(); // $.browser.msie8 = $.browser.msie && /msie 8\.0/i.test(userAgent); // if($.browser.msie8==true){ // var mobile_localyuyin=0; // } var targetplay=null; function checktagsubmit(){ if(gettagsnum()<=0){ alert("请设置标签"); return false; } if(gettagsnum()>5){ alert("最多添加5个标签"); return false; } var _tagstr=gettaglist(); $("#qtags").val(_tagstr); } $(".txt_taginput").on(" input propertychange",function(){ var _txtval=$(this).val(); if(_txtval.length>1){ //检索标签信息 var _data={tagname:_txtval}; var _url="http://www.shouhuola.com/tags/ajaxsearch.html"; function success(result){ console.log(result) if(result.code==200){ console.log(_txtval) $(".tagsearch").html(""); for(var i=0;i<result.taglist.length;i++){ var _msg=result.taglist[i].tagname $(".tagsearch").append('<div class="tagitem" tagid="'+result.taglist[i].id+'">'+_msg+'</div>'); } $(".tagsearch").show(); $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); var _tagid=$.trim($(this).attr("tagid")); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span tagid="'+_tagid+'">'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); } } ajaxpost(_url,_data,success); }else{ $(".tagsearch").html(""); $(".tagsearch").hide(); } }) function checktag(_tagname){ var tagrepeat=false; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).html()); if(_tagnametmp==_tagname){ tagrepeat=true; } }) return tagrepeat; } function gettaglist(){ var taglist=''; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).attr("tagid")); taglist=taglist+_tagnametmp+","; }) taglist=taglist.substring(0,taglist.length-1); return taglist; } function gettagsnum(){ return $(".dongtai .tags .tag").length; } $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span>'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".yuyinplay").click(function(){ targetplay=$(this); var _serverid=targetplay.attr("id"); if(_serverid == '') { alert('语音文件丢失'); return; } $(".wtip").html("免费偷听"); targetplay.find(".wtip").html("播放中.."); if(mobile_localyuyin==1){ $(".htmlview").removeClass("hide"); $(".ieview").addClass("hide"); var myAudio =targetplay.find("#voiceaudio")[0]; // myAudio.pause(); //myAudio.play(); if(myAudio.paused){ targetplay.find(".wtip").html("播放中.."); myAudio.play(); }else{ targetplay.find(".wtip").html("暂停.."); myAudio.pause(); } function endfun(){ targetplay.find(".wtip").html("播放结束");alert("播放结束!")} var is_playFinish = setInterval(function(){ if( myAudio.ended){ endfun(); window.clearInterval(is_playFinish); } }, 10); }else{ $(".ieview").removeClass("hide"); $(".htmlview").addClass("hide"); } }) function deleteanswer(current_aid){ if(confirm("是否删除此回答?")){ window.location.href=g_site_url + "index.php" + query + "question/deleteanswer/"+current_aid+"/393"; } } function adoptanswer(aid) { $("#adopt_answer").val(aid); $('#dialogadopt').modal('show'); } //编辑标签 function edittag() { $('#dialog_tag').modal('show'); } if(typeof($(".show-content").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".show-content").find("img").attr("data-original"); $(".show-content").find("img").attr("src",imgurl); } $(".show-content,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); var category1 = [["15","Web前端"],["16","Java"],["17","Python"],["18","UI/UE设计"],["19","云计算"],["20","软件测试"],["21","大数据"],["23","网络安全"],["26","认证考试"],["28","职业发展"],["14","营销运营"],["22","游戏开发"],["24","三维室内设计"],["27","办公效率"],["29","兴趣生活"]]; var category2 = [["14","30","SEO优化"],["15","40","HTML/CSS"],["16","53","基础入门"],["17","58","Python核心编程"],["18","62","视觉设计基础"],["19","66","网络基础"],["20","71","功能测试"],["21","75","Java主流框架"],["22","79","C#语言基础"],["23","83","网络安全基础"],["24","88","模型与效果图"],["26","92","软考"],["27","101","Word"],["28","108","简历指导"],["29","113","前沿技术"],["28","115","职场困惑"],["27","117","工具资源"],["14","31","SEM推广"],["15","41","HTML5"],["16","54","算法分析"],["17","59","网络爬虫"],["18","63","品牌视觉设计"],["19","67","linux基础"],["20","72","自动化测试"],["21","76","Hadoop"],["22","80","Unity引擎"],["23","84","Web安全漏洞"],["24","89","Q版模型"],["26","93","PMP"],["27","102","Excel"],["28","109","面试礼仪"],["29","114","生活常识"],["28","116","行业前景"],["14","32","信息流"],["15","42","CSS3"],["16","55","微服务框架"],["17","60","人工智能"],["18","64","电商设计"],["19","68","linux运维自动化"],["20","73","接口测试"],["21","77","Spark"],["22","81","游戏策划"],["23","85","WAF安全测试"],["24","90","次世代模型"],["26","94","华为认证"],["27","103","PPT"],["28","110","面试问题"],["14","33","模板建站"],["15","43","JavaScript"],["16","56","数据库"],["17","61","全栈开发"],["18","65","UI交互设计"],["19","69","数据库运维管理"],["20","74","性能测试"],["21","78","机器学习"],["22","82","VR/AR"],["23","86","自动化安全检测"],["24","91","引擎地编"],["26","95","思科认证"],["27","104","WPS"],["14","34","新媒体运营"],["15","44","Vue.js"],["16","57","链接池"],["19","70","云架构管理"],["23","87","渗透测试"],["26","96","红帽认证"],["27","105","project"],["14","35","淘宝天猫"],["15","45","React.JS"],["26","97","微软认证"],["27","106","思维导图"],["14","36","京东运营"],["15","46","Angular"],["26","98","H3C认证"],["27","107","电脑基础"],["14","37","拼多多运营"],["15","47","Node.js"],["26","99","百度认证"],["14","38","短视频直播"],["15","48","jQuery"],["26","100","计算机等级考试"],["15","49","Bootstrap"],["15","50","Sass/Less"],["15","51","WebApp"],["15","52","小程序"]]; var category3 = []; var selectedcid = "15,0,0"; //修改分类 function change_category() { var category1 = $("#category1 option:selected").val(); var category2 = $("#category2 option:selected").val(); var category3 = $("#category3 option:selected").val(); if (category1 > 0) { $("#categoryid").val(category1); } if (category2 > 0) { $("#categoryid").val(category2); } if (category3 > 0) { $("#categoryid").val(category3); } $("#catedialog").model("hide"); $("form[name='editcategoryForm']").submit(); } //投诉 function openinform(qid ,qtitle,aid) { $("#myqid").val(qid); $("#myqtitle").val(qtitle); $("#myaid").val(aid); $('#dialog_inform').modal('show'); } $(".showcommentid").each(function(){ var dataid=$(this).attr("data-id"); show_comment(dataid); }); function show_comment(answerid) { if ($("#comment_" + answerid).css("display") === "none") { load_comment(answerid); $("#comment_" + answerid).slideDown(); } else { $("#comment_" + answerid).slideUp(); } } //添加评论 function addcomment(answerid) { var content = $("#comment_" + answerid + " input[name='content']").val(); var replyauthor = $("#comment_" + answerid + " input[name='replyauthor']").val(); console.log(g_uid); if (g_uid == 0){ login(); return false; } if (bytes($.trim(content)) < 5){ alert("评论内容不能少于5字"); return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/addcomment.html", data: "content=" + content + "&answerid=" + answerid+"&replyauthor="+replyauthor, success: function(status) { if (status == '1') { $("#comment_" + answerid + " input[name='content']").val(""); load_comment(answerid); }else{ if(status == '-2'){ alert("问题已经关闭，无法评论"); } } } }); } //删除评论 function deletecomment(commentid, answerid) { if (!confirm("确认删除该评论?")) { return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/deletecomment.html", data: "commentid=" + commentid + "&answerid=" + answerid, success: function(status) { if (status == '1') { load_comment(answerid); }else{ alert(status); } } }); } //加载评论 function load_comment(answerid){ $.ajax({ type: "GET", cache:false, url: "http://www.shouhuola.com/index.php?answer/ajaxviewcomment/" + answerid, success: function(comments) { $("#comment_" + answerid + " .my-comments-list").html(comments); } }); } function replycomment(commentauthorid,answerid){ var comment_author = $("#comment_author_"+commentauthorid).attr("title"); $("#comment_"+answerid+" .comment-input").focus(); $("#comment_"+answerid+" .comment-input").val("回复 "+comment_author+" :"); $("#comment_" + answerid + " input[name='replyauthor']").val(commentauthorid); } $(function(){ initcategory(category1); fillcategory(category2, $("#category1 option:selected").val(), "category2"); fillcategory(category3, $("#category2 option:selected").val(), "category3"); var qrurl="http://www.shouhuola.com/q-393.html"; //微信二维码生成 $('#qr_wxcode').qrcode(qrurl); //显示微信二维码 $(".share-weixin").click(function(){ $(".share-wechat").show(); }); //关闭微信二维码 $(".close").click(function(){ $(".share-wechat").hide(); $(".pay-money").hide(); }); }) </script> <link rel="stylesheet" type="text/css" href="http://www.shouhuola.com/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://www.shouhuola.com/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script>hljs.initHighlightingOnLoad();</script> <script src="http://www.shouhuola.com/static/js/jquery.lazyload.min.js" type="text/javascript"></script> <script> $("img.lazy").lazyload({effect: "fadeIn" }); </script> <div class="side-tool" id="to_top"><ul><li data-placement="left" data-toggle="tooltip" data-container="body" data-original-title="回到顶部" > <a href="#" class="function-button"><i class="fa fa-angle-up"></i></a> </li> </ul></div> <script> window.onload = function(){ $(".edui-upload-video").attr("preload",""); var oTop = document.getElementById("to_top"); var screenw = document.documentElement.clientWidth || document.body.clientWidth; var screenh = document.documentElement.clientHeight || document.body.clientHeight; window.onscroll = function(){ var scrolltop = document.documentElement.scrollTop || document.body.scrollTop; if(scrolltop<=screenh){ oTop.style.display="none"; }else{ oTop.style.display="block"; } if(scrolltop>30){ $(".scrollshow").show(); }else{ $(".scrollshow").hide(); } } oTop.onclick = function(){ document.documentElement.scrollTop = document.body.scrollTop =0; } } </script> <footer id="footer"> <div class="copyrigth-wrap small"> <div class="content copyrigth"> <i style=" display: block;width: 685px; background: #d2d2d2; color: #fff; padding: 5px; margin: 0 0 10px 0;" >收获啦作为免费、公开信息平台，用户进行的所有活动由其自身承担法律责任。如您发现不良信息、侵权内容，请立即联系我们。</i> Copyright © 2020 收获啦！ <a href="http://beian.miit.gov.cn" target="_blank">京ICP备10005032号-11</a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031459">京公网安备11010802031459号</a> <a href='https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&serial=911101087861894810-SAIC_SHOW_1000009111010878618948101600759758300&signData=MEQCIBOfIClgLS82gBPNpbDSMQhpzy42b5sfm4qyBuPQk4TpAiDoaOjIBVY0sy0SMhlipCFi89IoHcQ++mrnvyaJqJXz9Q==' target="_blank" rel="nofollow">电子营业执照</a>   <a href="http://www.shouhuola.com/article-52509.html" target="_blank">使用协议|免责声明</a> <a > </a> <span class="ilblk dblj"> <a href="http://www.shouhuola.com/article-52508.html" target="_blank">联系我们</a> | <a href="/tags/default.html" target="_blank">标签大全</a> | <a href="/note/list.html" target="_blank">站内公告</a> | <a href="/rule/index.html" target="_blank">财富规则</a> </span> </div> </div> </footer> </body> </html>

HTML常用标签有哪些？

...