什么是HTML？下面的文章为您做了详细解释

2023-04-23 16:23:53 作者：-YANYI 1177

HTML是HyperText Markup Language的缩写，指网页编辑语言。它是一种轻量级的标记语言，用于以纯文本的形式来描述网页的内容和结构。它最初于1993年发布，目前的版本是HTML5。它是世界上最广泛使用的超文本标记语言，它以一系列标准元素、属性和内容构建网页，被用来撰写WWW（万维网）上的几乎所有网页。

什么是HTML

1、历史

HTML最初是Tim Berners-Lee于1989年发明的，用于组织和发布内容。1991年，Tim Berners-Lee在CERN（欧洲核子研究中心）发表了第一个HTML文档，也是第一次使用HTML语言，被定义为新的服务器/客户端协议，称为“World Wide Web”。随后，1993年Tim Berners-Lee在宣布的的第一个HTML标准中发布了HTML1.0规范，为互联网发展做出了重大贡献。随着互联网的发展，早期的HTML1.0标准不再满足今天的需求，于是应运而生的是HTML 2.0，它更加强大、更加灵活，它的版本主要有HTML 2.0、HTML 3.2、HTML 4.01，2014年，World Wide Web Consortium (W3C)正式发布了HTML5标准，HTML5强调以移动端为目标，是现今最新最火热的HTML标准。

2、语法

HTML基于标记标签，也就是说HTML把网页上的内容做一个分类，分成几个部分，然后用一个相对应的标签来把它们连在一起。所有的标签都是用尖括号，格式如<标签>，比如就是用来指定网页的标题。此外，HTML支持属性，属性可以在标签中设置，属性是用值来指定标签的行为，格式如属性=“值”，比如div标签有个属性class=“content”，表示它的内容是div标签的class属性为content。<br/><br/>3、元素<br/><br/>文档中运行的任何代码都可以被称为元素，元素都由特殊的标记对包围，格式如<标签>内容</标签>，元素就是标签和内容的组合。内容可以是文本，也可以是其他元素，元素包含特定的属性和值，从而形成了它的一些特殊功能，如更改文字的样式或定义表格的格式。<br/><br/>4、浏览器<br/><br/>HTML文件通过浏览器解析，浏览器会使用HTML文件中定义的元素、属性和内容来构建用户界面，并将这些元素用于显示和管理文档的内容。当浏览器的用户点击页面上的按钮或者链接时，在HTML文件中定义的特定元素将会执行相应的动作，比如这段文字有个标签，是<a href=”www.baidu.com”>百度</a>，当你点击这个‘百度’这个文字时，就会跳转到百度的首页。<br/><br/>总而言之，HTML是网页编辑语言，它基于标记标签，也就是说HTML把网页上的内容做一个分类，分成几个部分，用一个相对应的标签把它们连在一起，然后它的元素就是标签和内容的组合，拥有特定的属性和值，用来改变网页的内容页面，其最初版本是HTML1.0，至今最新最火热的是HTML5，它面向移动端及面向桌面端，正在改变着网页开发技术， <div style="padding: 0px 0px; text-align: center">    </div> <div class="widget-box pt0" style="border: none; padding: 10px 5px 10px 0px; padding-bottom: 0px;"> <h2 class="h4 widget-box__title">本文标签</h2> <ul class="taglist--inline multi" style="margin-bottom: 0px;"> <span class="tagPopup"><a class="tag tag0" href="https://www.sgpjbg.com/labels/html.html" target="_blank">HTML</a></span> </ul> </div> </div> </div> </article>   <div class="widget u-backgroundColorWhite"> <div class="inner"> <div style="display: block; width: 100%; font-size: 14px;color: #666666;"> 本文由作者-YANYI发布，版权归原作者所有，禁止转载。本文仅代表作者个人观点，与本网无关。本文文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 </div> </div> </div> <div class="widget u-backgroundColorWhite"> <div class="inner"> <div class="widget-title"> <span> <h2 style="font-weight: inherit; font-size: 18px;">相关报告</h2> </span> </div> <div class="widget-hot-posts"> <div class="postlist-item u-clearfix" style="padding-left: 0px; padding-right: 0px;"> <div class="post-img"> <a href="https://www.sgpjbg.com/baogao/8505.html" target="_blank"> <img onerror="this.src='/images/filetype/d_pdf.png'" title="【研报】电子元器件行业半导体产业链系列研究之十一：为什么半导体是一波大行情-20200221[27页].pdf" alt="【研报】电子元器件行业半导体产业链系列研究之十一：为什么半导体是一波大行情-20200221[27页].pdf" src="https://file.sgpjbg.com/fileroot1/2020-7/31/c44bf64e-6256-4129-9173-160dea67eef5/3edeaf5fbd004a5cbebc79a6363fffbc.gif"></a> </div> <div class="content"> <span class="post-title"><a title="【研报】电子元器件行业半导体产业链系列研究之十一：为什么半导体是一波大行情-20200221[27页].pdf" href="https://www.sgpjbg.com/baogao/8505.html" target="_blank">【研报】电子元器件行业半导体产业链系列研究之十一：为什么半导体是一波大行情-20200221[27页].pdf</a></span> <p class="des" style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; min-height: 44px;"> 请务必阅读正文之后的免责条款部分全球视野全球视野本土智慧本土智慧海外市场研究海外市场研究 Page 1 证券研究报告证券研究报告海外市场研究海外市场研究港股港股/电子元器件电子元器件半导体半导体产业链产业链系列系列研究研究之之十十一一 2020 年年 02 月月 20 日日一年该行业 </p> <div class="stream-list-meta"> <span class="dot"></span> <time style="line-height: 30px;">2020-07-31 11:21:32</time> </div> </div> </div> <div class="postlist-item u-clearfix" style="padding-left: 0px; padding-right: 0px;"> <div class="post-img"> <a href="https://www.sgpjbg.com/baogao/9877.html" target="_blank"> <img onerror="this.src='/images/filetype/d_pdf.png'" title="【研报】建筑&水泥行业专项债专题报告：专项债vs. PPP为什么专项债是基建新支柱-20200309[24页].pdf" alt="【研报】建筑&水泥行业专项债专题报告：专项债vs. PPP为什么专项债是基建新支柱-20200309[24页].pdf" src="https://file.sgpjbg.com/fileroot1/2020-7/31/2114a077-f074-41c7-97bf-f65f6e6b4315/0f61482a531b41dc8afd7bb45bdc5354.gif"></a> </div> <div class="content"> <span class="post-title"><a title="【研报】建筑&水泥行业专项债专题报告：专项债vs. PPP为什么专项债是基建新支柱-20200309[24页].pdf" href="https://www.sgpjbg.com/baogao/9877.html" target="_blank">【研报】建筑&水泥行业专项债专题报告：专项债vs. PPP为什么专项债是基建新支柱-20200309[24页].pdf</a></span> <p class="des" style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; min-height: 44px;"> 请务必阅读正文之后的免责条款专项债专项债 vs. PPP：为什么专项债是基建新支柱：为什么专项债是基建新支柱建筑&水泥行业专项债专题报告2020.3.9 中信证券研究部中信证券研究部核心观点核心观点罗鼎罗鼎首席建筑&水泥分析师 S1010516030001 专项债在发行机制、偿付机制等多方 </p> <div class="stream-list-meta"> <span class="dot"></span> <time style="line-height: 30px;">2020-07-31 15:14:29</time> </div> </div> </div> <div class="postlist-item u-clearfix" style="padding-left: 0px; padding-right: 0px;"> <div class="post-img"> <a href="https://www.sgpjbg.com/baogao/12754.html" target="_blank"> <img onerror="this.src='/images/filetype/d_pdf.png'" title="【研报】计算机行业：为什么说ARM可能是国产计算架构的最优选择-20200524[27页].pdf" alt="【研报】计算机行业：为什么说ARM可能是国产计算架构的最优选择-20200524[27页].pdf" src="https://file.sgpjbg.com/fileroot1/2020-7/31/216fc836-1682-4059-bead-a719c8e61767/55524c194f2944dd9c7a980a59d77be3.gif"></a> </div> <div class="content"> <span class="post-title"><a title="【研报】计算机行业：为什么说ARM可能是国产计算架构的最优选择-20200524[27页].pdf" href="https://www.sgpjbg.com/baogao/12754.html" target="_blank">【研报】计算机行业：为什么说ARM可能是国产计算架构的最优选择-20200524[27页].pdf</a></span> <p class="des" style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; min-height: 44px;"> - 1 - 市场数据市场数据(人民币）人民币）市场优化平均市盈率 18.90 国金计算机指数 6384 沪深 300 指数 3824 上证指数 2814 深证成指 10605 中小板综指 9889 & </p> <div class="stream-list-meta"> <span class="dot"></span> <time style="line-height: 30px;">2020-08-01 00:15:14</time> </div> </div> </div> <div class="postlist-item u-clearfix" style="padding-left: 0px; padding-right: 0px;"> <div class="post-img"> <a href="https://www.sgpjbg.com/baogao/32739.html" target="_blank"> <img onerror="this.src='/images/filetype/d_pdf.png'" title="【研报】医药生物行业：CXO成反弹先锋耐心底部捡钻石；为什么说南新制药是低估的？-210328（23页）.pdf" alt="【研报】医药生物行业：CXO成反弹先锋耐心底部捡钻石；为什么说南新制药是低估的？-210328（23页）.pdf" src="https://file.sgpjbg.com/fileroot1/2021-3/29/e23d9f41-669c-4799-8b70-906102deaf4a/becebbf7a3b441f6b2ea479a65410679.gif"></a> </div> <div class="content"> <span class="post-title"><a title="【研报】医药生物行业：CXO成反弹先锋耐心底部捡钻石；为什么说南新制药是低估的？-210328（23页）.pdf" href="https://www.sgpjbg.com/baogao/32739.html" target="_blank">【研报】医药生物行业：CXO成反弹先锋耐心底部捡钻石；为什么说南新制药是低估的？-210328（23页）.pdf</a></span> <p class="des" style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; min-height: 44px;"> 南新制药：被严重低估的优质标的，预计市值有望达到200 亿以上南新制药主要逻辑梳理南新制药手握 1+2+X 创新&消费级产品梯队，预计市值有望达到 200 亿以上。存量品种帕拉米韦注射液在疫情较严重的 2020 年仍然表现出了 54%的增速，后续有望看到持续高速的增长。狂犬单抗和帕拉米韦 </p> <div class="stream-list-meta"> <span class="dot"></span> <time style="line-height: 30px;">2021-03-29 15:15:02</time> </div> </div> </div> <div class="postlist-item u-clearfix" style="padding-left: 0px; padding-right: 0px;"> <div class="post-img"> <a href="https://www.sgpjbg.com/baogao/34991.html" target="_blank"> <img onerror="this.src='/images/filetype/d_pdf.png'" title="【公司研究】澜起科技-系列研究报告：PCIE Retimer是一个什么样的市场？-210423（24页）.pdf" alt="【公司研究】澜起科技-系列研究报告：PCIE Retimer是一个什么样的市场？-210423（24页）.pdf" src="https://file.sgpjbg.com/fileroot1/2021-4/27/a4bae086-7823-4fb1-afbd-5192d535aa50/6926627850df4ea7aa86fe108ba41606.gif"></a> </div> <div class="content"> <span class="post-title"><a title="【公司研究】澜起科技-系列研究报告：PCIE Retimer是一个什么样的市场？-210423（24页）.pdf" href="https://www.sgpjbg.com/baogao/34991.html" target="_blank">【公司研究】澜起科技-系列研究报告：PCIE Retimer是一个什么样的市场？-210423（24页）.pdf</a></span> <p class="des" style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; min-height: 44px;"> Retimer 芯片的价格一般与其支援的通道数量相关，我们假设相应的价格在 1.5 美元/链路左右，根据该假设，我们可以大致测算出Retimer 芯片在服务器GPU、服务器硬盘等应用中的市场空间。3.2 服务器GPU 增量明显GPU 大规模存在于 AI 服务器，在与 CPU 进行数据交互的过程中，GPU 往 </p> <div class="stream-list-meta"> <span class="dot"></span> <time style="line-height: 30px;">2021-04-27 13:17:41</time> </div> </div> </div> <div class="postlist-item u-clearfix" style="padding-left: 0px; padding-right: 0px;"> <div class="post-img"> <a href="https://www.sgpjbg.com/baogao/36467.html" target="_blank"> <img onerror="this.src='/images/filetype/d_pdf.png'" title="IRi：为什么整合新兴趋势是未来增长的关键（英文版）（43页）.pdf" alt="IRi：为什么整合新兴趋势是未来增长的关键（英文版）（43页）.pdf" src="https://file.sgpjbg.com/fileroot_temp1/2021-5/12/de45e0fe-64a3-4603-872f-7df0268ccd9b/44cdda361cf741b3b77c69834cb185c6.gif"></a> </div> <div class="content"> <span class="post-title"><a title="IRi：为什么整合新兴趋势是未来增长的关键（英文版）（43页）.pdf" href="https://www.sgpjbg.com/baogao/36467.html" target="_blank">IRi：为什么整合新兴趋势是未来增长的关键（英文版）（43页）.pdf</a></span> <p class="des" style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; min-height: 44px;"> THE FOOD INDUSTRY ASSOCIATIONFMITHEYEAR THAT WAS:WHYINTEGRATINGFRESHIS KEYTOFUTURE GROWTHHosted with thought leadership from FMI associate memberIRiNovemb </p> <div class="stream-list-meta"> <span class="dot"></span> <time style="line-height: 30px;">2021-05-13 18:53:06</time> </div> </div> </div> <div class="postlist-item u-clearfix" style="padding-left: 0px; padding-right: 0px;"> <div class="post-img"> <a href="https://www.sgpjbg.com/baogao/41149.html" target="_blank"> <img onerror="this.src='/images/filetype/d_pdf.png'" title="AMillionAds：个性化的力量：为什么动态创意是品牌广告所需要的进化（英文版）（9页）.pdf" alt="AMillionAds：个性化的力量：为什么动态创意是品牌广告所需要的进化（英文版）（9页）.pdf" src="https://file.sgpjbg.com/fileroot_temp1/2021-6/23/9c3aea1c-adb8-4dd0-9eb1-2299d4ebd532/6348ec21b55d41e3a9328220e17c5f1f.gif"></a> </div> <div class="content"> <span class="post-title"><a title="AMillionAds：个性化的力量：为什么动态创意是品牌广告所需要的进化（英文版）（9页）.pdf" href="https://www.sgpjbg.com/baogao/41149.html" target="_blank">AMillionAds：个性化的力量：为什么动态创意是品牌广告所需要的进化（英文版）（9页）.pdf</a></span> <p class="des" style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; min-height: 44px;"> 媒体格局已经发生了变化，为什么你的广告创意策略仍然不变?对于广告商来说，市场已经发生了变化。这一流行病加速了现有的进一步向数字渠道投放广告的趋势。在社交媒体平台、在线视频内容、互联电视和数字音频上的媒体支出正在迅速增加，而报纸、杂志和线性电视等传统渠道的市场份额继续下降。尽管品牌广告商很快就意识到数字渠道的 </p> <div class="stream-list-meta"> <span class="dot"></span> <time style="line-height: 30px;">2021-06-23 10:33:50</time> </div> </div> </div> <div class="postlist-item u-clearfix" style="padding-left: 0px; padding-right: 0px;"> <div class="post-img"> <a href="https://www.sgpjbg.com/baogao/42796.html" target="_blank"> <img onerror="this.src='/images/filetype/d_pdf.png'" title="卡托研究所：质疑产业政策：为什么政府的制造业计划是无效和不必要的（英文版）（115页）.pdf" alt="卡托研究所：质疑产业政策：为什么政府的制造业计划是无效和不必要的（英文版）（115页）.pdf" src="https://file.sgpjbg.com/fileroot_temp1/2021-6/29/7046427c-a105-486f-8d5e-7b08bb99c066/cab0307be262455690385cde8fd911af.gif"></a> </div> <div class="content"> <span class="post-title"><a title="卡托研究所：质疑产业政策：为什么政府的制造业计划是无效和不必要的（英文版）（115页）.pdf" href="https://www.sgpjbg.com/baogao/42796.html" target="_blank">卡托研究所：质疑产业政策：为什么政府的制造业计划是无效和不必要的（英文版）（115页）.pdf</a></span> <p class="des" style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; min-height: 44px;"> 产业政策的辩论和实施的历史确立了几个必要的2要素 </p> <div class="stream-list-meta"> <span class="dot"></span> <time style="line-height: 30px;">2021-06-29 09:42:57</time> </div> </div> </div> </div> </div> </div> </div> </div> <div class="u-width335 u-floatRight js-sidebar"> <div id="homeTab2"> <div class="widget u-backgroundColorWhite" style="margin-top: 0px;"> <div class="inner" style="padding-top: 10px;"> <div class="widget-title"> <span> <h3 style="font-weight: inherit; font-size: 18px;">最新报告</h3> </span> </div> <div class="widget-hot-posts"> <div class="widget-post-item" style="display: table; width: 100%;"> <a target="_blank" href="https://www.sgpjbg.com/baogao/1179905.html" title="【宝城期货】国债期货日报：国债期货窄幅震荡整理-260402（5页）.pdf"> <img onerror="this.src='/images/filetype/d_pdf.png'" alt="【宝城期货】国债期货日报：国债期货窄幅震荡整理-260402（5页）.pdf" src="https://file.sgpjbg.com/fileroot3/2026-4/2/acc7e2d1-0357-4bfc-9ddc-3327f5e838a0/e659ec5f325247e59bca55e5b7dc0253.gif" style="width: 100px; height: 100px;"> </a> <div style="display: table; width: 196px; float: right;"> <a target="_blank" href="https://www.sgpjbg.com/baogao/1179905.html" title="【宝城期货】国债期货日报：国债期货窄幅震荡整理-260402（5页）.pdf" style="width: 196px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;">【宝城期货】国债期货日报：国债期货窄幅震荡整理-260402（5页）.pdf</a> <span style="font-size: 12px; color: #999; margin-top: 10px; display: inline-block;">2026-04-02 17:39:00</span> </div> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="【国金期货】烧碱期货月报-260331（3页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1179904.html" title="【国金期货】烧碱期货月报-260331（3页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">【国金期货】烧碱期货月报-260331（3页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="【国金期货】沥青期货日报-260401（3页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1179903.html" title="【国金期货】沥青期货日报-260401（3页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">【国金期货】沥青期货日报-260401（3页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="【国金期货】甲醇日报-260401（3页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1179902.html" title="【国金期货】甲醇日报-260401（3页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">【国金期货】甲醇日报-260401（3页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="【银河期货】苹果日报-260402（7页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1179889.html" title="【银河期货】苹果日报-260402（7页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">【银河期货】苹果日报-260402（7页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="【国元国际控股】业绩稳健增长，国际化序幕拉开-260401（6页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1179888.html" title="【国元国际控股】业绩稳健增长，国际化序幕拉开-260401（6页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">【国元国际控股】业绩稳健增长，国际化序幕拉开-260401（6页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="【联合资信评估】联合资信助力斯洛文尼亚共和国成功发行首笔主权熊猫债券-260402（2页）.docx" class="docx" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1179887.html" title="【联合资信评估】联合资信助力斯洛文尼亚共和国成功发行首笔主权熊猫债券-260402（2页）.docx" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">【联合资信评估】联合资信助力斯洛文尼亚共和国成功发行首笔主权熊猫债券-260402（2页）.docx</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="【西南证券】利通科技（920225）-2025年年报点评：2025年业绩短期承压，新业务多点突破打开成长空间-260331（7页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1179886.html" title="【西南证券】利通科技（920225）-2025年年报点评：2025年业绩短期承压，新业务多点突破打开成长空间-260331（7页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">【西南证券】利通科技（920225）-2025年年报点评：2025年业绩短期承压，新业务多点突破打开成长空间-260331（7页）.pdf</a> </div> </div> </div> </div> <div class="widget u-backgroundColorWhite"> <div class="inner"> <div class="widget-title"> <span> <h3 style="font-weight: inherit; font-size: 18px;">热门报告</h3> </span> </div> <div class="widget-hot-posts"> <div class="widget-post-item" style="display: table; width: 100%;"> <a target="_blank" href="https://www.sgpjbg.com/baogao/1169313.html" title="前哨科技：2026从对话到执行：OpenClaw企业级智能体应用手册（102页）.pdf"> <img onerror="this.src='/images/filetype/d_pdf.png'" alt="前哨科技：2026从对话到执行：OpenClaw企业级智能体应用手册（102页）.pdf" src="https://file.sgpjbg.com/fileroot3/2026-3/27/27e56ca2-8d6c-4c4b-961b-93848a8765e0/2799507e7f1e4639bcbabce4f194b5f4.gif" style="width: 100px; height: 100px;"> </a> <div style="display: table; width: 196px; float: right;"> <a target="_blank" href="https://www.sgpjbg.com/baogao/1169313.html" title="前哨科技：2026从对话到执行：OpenClaw企业级智能体应用手册（102页）.pdf" style="width: 196px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;">前哨科技：2026从对话到执行：OpenClaw企业级智能体应用手册（102页）.pdf</a> <span style="font-size: 12px; color: #999; margin-top: 10px; display: inline-block;">2026-03-27 14:28:01</span> </div> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="毕马威：2026驰骋向山海—— “十五五”规划行业影响展望报告（100页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1165504.html" title="毕马威：2026驰骋向山海—— “十五五”规划行业影响展望报告（100页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">毕马威：2026驰骋向山海—— “十五五”规划行业影响展望报告（100页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="北京大学：2026年OpenClaw001：龙虾使用入门（81页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1167477.html" title="北京大学：2026年OpenClaw001：龙虾使用入门（81页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">北京大学：2026年OpenClaw001：龙虾使用入门（81页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="InfoQ：2026中国企业AI应用场景报告（30页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1168575.html" title="InfoQ：2026中国企业AI应用场景报告（30页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">InfoQ：2026中国企业AI应用场景报告（30页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="清华大学：2026年Token经济学全景报告（59页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1162401.html" title="清华大学：2026年Token经济学全景报告（59页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">清华大学：2026年Token经济学全景报告（59页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="低空智研院：2026年中国低空经济新型基础设施建设企业参与路径、商业模式与合规运营白皮书（77页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1170145.html" title="低空智研院：2026年中国低空经济新型基础设施建设企业参与路径、商业模式与合规运营白皮书（77页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">低空智研院：2026年中国低空经济新型基础设施建设企业参与路径、商业模式与合规运营白皮书（77页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="汽车之家研究院：2026年乘用车市场用户趋势洞察报告（35页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1168577.html" title="汽车之家研究院：2026年乘用车市场用户趋势洞察报告（35页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">汽车之家研究院：2026年乘用车市场用户趋势洞察报告（35页）.pdf</a> </div> <div class="widget-post-item" style="display: table; width: 100%;"> <img alt="中科深谷：2026具身智能实验室建设白皮书（55页）.pdf" class="pdf" src="/Images/s.gif" style="margin-top: 15px;" /> <a target="_blank" href="https://www.sgpjbg.com/baogao/1169595.html" title="中科深谷：2026具身智能实验室建设白皮书（55页）.pdf" style="width: 280px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;">中科深谷：2026具身智能实验室建设白皮书（55页）.pdf</a> </div> </div> </div> </div> <div class="widget u-backgroundColorWhite"> <div class="inner"> <div class="widget-title"> <span> <h3 style="font-weight: inherit; font-size: 18px;">相关搜索</h3> </span> </div> <div class="widget-hot-posts"> <div class="wrapper" style="display: table; width: 100%;"> <div class="tagcloud fl"> <a target="_blank" href="https://www.sgpjbg.com/searchtag/702944.html" title="html行业调查报告"> html行业调查报告 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10815331.html" title="普华永道"> 普华永道 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527825.html" title="CCG智库"> CCG智库 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527762.html" title="易凯资本"> 易凯资本 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527733.html" title="绿色和平"> 绿色和平 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527709.html" title="猎聘大数据研究院"> 猎聘大数据研究院 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527677.html" title="胡润百富"> 胡润百富 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527644.html" title="火山引擎"> 火山引擎 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527596.html" title="摩根大通"> 摩根大通 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527541.html" title="浩华CHAT"> 浩华CHAT </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527485.html" title="绿盟科技"> 绿盟科技 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527450.html" title="秒针系统"> 秒针系统 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527409.html" title="中智咨询"> 中智咨询 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527370.html" title="科尔尼"> 科尔尼 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527326.html" title="智慧芽"> 智慧芽 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527260.html" title="量子位智库"> 量子位智库 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10527023.html" title="亿邦智库"> 亿邦智库 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10526617.html" title="LinkedIn领英"> LinkedIn领英 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10526580.html" title="群邑智库"> 群邑智库 </a> <a target="_blank" href="https://www.sgpjbg.com/searchtag/10524889.html" title="Fastdata极数"> Fastdata极数 </a> </div> </div> </div> </div> </div> </div> </div> </div> <script> </script> <style> .tagcloud a { position: absolute; top: 0; left: 20; display: block; padding: 10px 10px; color: #555; font-size: 16px; border: 1px solid #e6e7e8; border-radius: 18px; background-color: #f2f4f8; text-decoration: none; white-space: nowrap; -o-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -ms-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -moz-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -webkit-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9); } .tagcloud a:hover { color: #3385cf; } </style> <script type="text/javascript" src="https://cache.sgpjbg.com/sgpjbg/js/tagcloud.js"></script> <script type="text/javascript"> $(document).ready(function () { tagcloud({ selector: ".tagcloud", //元素选择器 fontsize: 14, //基本字体大小, 单位px radius: 65, //滚动半径, 单位px mspeed: "normal", //滚动最大速度, 取值: slow, normal(默认), fast ispeed: "slow", //滚动初速度, 取值: slow, normal(默认), fast direction: 30, //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)... keep: false //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应减速至初速度滚动, 随鼠标滚动 }); try { setTimeout(ReadLog('642114', 'news'), 300); } catch (e) { } }); </script> </form> <style type="text/css"> .footer .nav { color: #ffffff; border-right: none; height: auto; } .footer .nav a { color: #ffffff; } .footer .nav1 ul li { line-height: 32px; font-size: 12px; } .footer .nav2 ul { margin-top: 18px; } .footer .nav2 ul li { line-height: 32px; font-size: 12px; } </style> <div class="footer width-full left" style="height: inherit; background-color: #0B0827;"> <div class="container" style="display: table; width: 1200px;"> <div class="nav nav1" style="width: 300px;"> <div style="display: table; float: left; width: 100%;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/logo-b.png" style="width: 220px;" /> </div> <div style="display: table; float: left; width: 100%; margin-top: 20px; font-size: 16px;"> 全行业研究报告分享下载平台 </div> <ul style="display: table; float: left; width: 100%;"> <li> <img src="https://cache.sgpjbg.com/sgpjbg/images/foot1.png"> 0731-84720580 </li> <li style="position: relative;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/foot2.png"> 商务合作：really158d <img id="imgkefy1" src="https://cache.sgpjbg.com/sgpjbg/images/foot4.png" style="width: 14px; margin-left: 5px; cursor: pointer;"> <img id="imgkefy2" src="https://cache.sgpjbg.com/sgpjbg/images/hezuo.png" style="display: none; width: 128px; position: absolute; left: 165px; top: -50px; background-color: #ffffff; padding: 10px;" /> </li> <li> <img src="https://cache.sgpjbg.com/sgpjbg/images/foot3.png"> 友链申请 (QQ)：1737380874 </li> </ul> </div> <div class="nav nav2" style="width: 220px; margin-top: 50px;"> <b>关于我们</b> <ul> <li><a href="https://www.sgpjbg.com/h-22277.html" target="_blank" rel="nofollow">网站声明</a></li> <li><a href="https://www.sgpjbg.com/h-42671.html" target="_blank" rel="nofollow">免责声明</a></li> <li><a href="https://www.sgpjbg.com/newslist.html" target="_blank" rel="nofollow">网站公告</a></li> <li><a href="https://www.sgpjbg.com/JiGouRuZhu.html" target="_blank" rel="nofollow">我要入驻</a></li> </ul> </div> <div class="nav nav2" style="width: 220px; margin-top: 50px;"> <b>更多</b> <ul> <li><a href="https://www.sgpjbg.com/h-24877.html" target="_blank" rel="nofollow">常见问题</a></li> <li><a href="https://www.sgpjbg.com/h-33145.html" target="_blank" rel="nofollow">用户协议</a></li> <li><a href="https://www.sgpjbg.com/sgpjbg/WebClause.aspx?id=12" target="_blank" rel="nofollow">认证协议</a></li> <li><a href="https://www.sgpjbg.com/h-19193.html" target="_blank" rel="nofollow">版权申诉</a></li> </ul> </div> <div class="nav nav3" style="width: 380px; margin-top: 50px; margin-left: 80px;"> <b>关于我们</b> <div style="display: table; float: left; width: 100%; margin-top: 18px;"> <div style="display: table; float: left; width: 28%; margin-right: 8%;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/fuwuhao.png" style="width: 100%;" /> <div style="display: table; width: 100%; text-align: center; margin-top: 15px; font-size: 12px;"> 三个皮匠报告微信公众号 </div> </div> <div style="display: table; float: left; width: 28%; margin-right: 8%;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/xiaochengxulog.jpg" style="width: 100%;" /> <div style="display: table; width: 100%; text-align: center; margin-top: 15px; font-size: 12px;"> 三个皮匠报告微信小程序 </div> </div> <div style="display: table; float: left; width: 28%;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/kefu.png" style="width: 100%;" /> <div style="display: table; width: 100%; text-align: center; margin-top: 15px; font-size: 12px;"> 扫码咨询网站充值下载问题 </div> </div> </div> </div> </div> <div style="display: table; margin: 30px auto 10px auto; color: rgb(255 255 255 / 80%); width: 1200px;"> <div style="display: table; float: left; font-size: 12px;"> <div style="display: table; float: left;"> 友情链接： </div> <div style="display: table; float: left;"> <a target="_blank" href="https://www.marketup.cn/" title="营销自动化" style="display: table; float: left; color: rgb(255 255 255 / 80%); margin-right: 20px;"> 营销自动化</a> <a target="_blank" href="https://www.iyiou.com/reportList?source=sgpj" title="亿欧智库" style="display: table; float: left; color: rgb(255 255 255 / 80%); margin-right: 20px;"> 亿欧智库</a> <a target="_blank" href="http://www.weiboyi.com/" title="微播易" style="display: table; float: left; color: rgb(255 255 255 / 80%); margin-right: 20px;"> 微播易</a> <a target="_blank" href="https://www.alimama.com/index.htm" title="阿里妈妈" style="display: table; float: left; color: rgb(255 255 255 / 80%); margin-right: 20px;"> 阿里妈妈</a> </div> </div> </div> <div class="foot-text width-full left" style="position: relative; display: table; width: 1200px !important; margin: 0px auto; border-top: 1px solid rgb(255 255 255 / 80%); float: initial !important; color: rgb(255 255 255 / 80%); padding: 10px 0px 20px 0px; font-size: 12px;"> <div style="display: table; float: left;"> copyright@2008-2013 长沙景略智创信息技术有限公司版权所有网站备案/许可证号：湘B2-20190120 | 工信部备案号：湘ICP备17000430号-2 | 公安备案号：湘公网安备43010402001071号 </div> <a href="https://xyt.xcc.cn/getpcInfo?sn=1729691335192985600&language=CN&certType=8&url=*.sgpjbg.com" target="_blank" style="display: table; float: right; position: relative;"> <div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></div> <embed src="https://program.xinchacha.com/web/1729691335192985600=*.sgpjbg.com.svg" width="103" height="38" type="image/svg+xml" pluginspage="//www.adobe.com/svg/viewer/install/"></a> </div> </div> <script type="text/javascript"> $("#imgkefy1").hover(function () { $("#imgkefy2").show(); }, function () { $("#imgkefy2").hide(); }); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2f6a6348b312e21238267c6833e7ae57"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="https://cache.sgpjbg.com/js/www2m.js"></script> <script> browserRedirect("https://m.sgpjbg.com","https://www.sgpjbg.com"); </script> <script>(function() {var _53code = document.createElement("script");_53code.src = "https://tb.53kf.com/code/code/41700c25cce5c529b01d980bae1a03df6/1";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})();</script> <style type="text/css"> .right-bar .comm, .right-bar .video, .right-bar > div { border: none; height: 68px; border-bottom: solid 1px #e6e6e6; } .right-bar .comm .hover-box, .right-bar .video .hover-box, .right-bar > div .hover-box { height: 110px; left: -149px; padding-top: 10px; } .right-bar .applet:hover, .right-bar .comm:hover, .right-bar .service:hover, .right-bar .video:hover, .right-bar .weixin:hover { background: #6E6EFB; border: none; } .right-bar .vip .RightNav1 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav1.png) no-repeat center center; background-size: 100%; width: 38px; height: 38px; margin-top: 8px; } .right-bar .vip:hover .RightNav1 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav1_1.png) no-repeat center center; background-size: 100%; } .right-bar .kefu .RightNav2 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav2.png) no-repeat center center; background-size: 100%; width: 32px; height: 32px; margin-top: 8px; } .right-bar .kefu:hover .RightNav2 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav2_1.png) no-repeat center center; background-size: 100%; color: #ffffff; } .right-bar .hezuo .RightNav3 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav3.png) no-repeat center center; background-size: 100%; width: 32px; height: 32px; margin-top: 8px; } .right-bar .hezuo:hover .RightNav3 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav3.png) no-repeat center center; background-size: 100%; color: #ffffff; } .right-bar .xiaochengxu .RightNav4 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav4.png) no-repeat center center; background-size: 100%; width: 32px; height: 32px; margin-top: 8px; } .right-bar .xiaochengxu:hover .RightNav4 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav4_1.png) no-repeat center center; background-size: 100%; color: #ffffff; } .right-bar .fuwuhao .RightNav5 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav5.png) no-repeat center center; background-size: 100%; width: 32px; height: 32px; margin-top: 8px; } .right-bar .fuwuhao:hover .RightNav5 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav5_1.png) no-repeat center center; background-size: 100%; color: #ffffff; } .right-bar .dingbu .RightNav6 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav6.png) no-repeat center center; background-size: 100%; width: 32px; height: 32px; margin-top: 8px; } .right-bar .dingbu:hover .RightNav6 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav6_1.png) no-repeat center center; background-size: 100%; color: #ffffff; } .right-bar .vip .RightNav7 { background: url(https://cache.sgpjbg.com/sgpjbg/images/aitool21.png) no-repeat center center; background-size: 100%; width: 55px; height: 55px; margin-top: 5px; animation: rotateLeftRight 3s infinite linear; } .right-bar .gerenzhongxin .RightNav8 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav8.png) no-repeat center center; background-size: 100%; width: 32px; height: 32px; margin-top: 8px; } .right-bar .gerenzhongxin:hover { border-radius: 10px 10px 0px 0px; } .right-bar .gerenzhongxin:hover .RightNav8 { background: url(https://cache.sgpjbg.com/sgpjbg/images/RightNav8_1.png) no-repeat center center; background-size: 100%; color: #ffffff; } @keyframes rotateLeftRight { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } </style> <div id="divRightNav1" class="right-bar" style="top: initial; bottom: 100px; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(39,66,107,.1); border: solid 1px rgba(39,66,107,.1);"> <div id="rightnav_gerenzhongxin" style="display: none;" class="service gerenzhongxin"> </div> <script type="text/javascript"> function rightnav_gerenzhongxin() { var arr = $("#rightnav_gerenzhongxin"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://www.sgpjbg.com/header_v1.aspx?getcate=rightnav_gerenzhongxin"; $.get(url + "&t=" + (new Date()).valueOf(), function (d) { try { arr.eq(index).empty().html(d); } catch (e) { } try { arr.html(d); } catch (e) { } arr.show(); }); })(i); } } $(document).ready(function () { rightnav_gerenzhongxin(); }); </script> <a class="comm vip" href="https://www.sgpjbg.com/searchai.html" rel="nofollow" style="height: 50px; bottom: 0px; background-color: rgb(255 255 255 / 0%); position: absolute; top: -60px; left: 0px; border: none;"> <div class="RightNav7"> </div> </a> <a class="comm vip" href="https://www.sgpjbg.com/sgpjbg/UserManage/Recharge.aspx?f=0" rel="nofollow" style="height: 50px; bottom: 0px;"> <div class="RightNav1"></div> </a> <div class="service kefu"> <div class="RightNav2"></div> <span>客服</span> <div class="hover-box" style="width: 110px;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/kefu.png"> </div> </div> <div class="service hezuo"> <a href="https://www.sgpjbg.com/sgpjbg/JiGouRuZhu.aspx" target="_blank" style="display: table; text-align: center; padding-top: 8px;"> <div class="RightNav3" style="margin: 0 auto;"></div> <span>商务合作</span> </a> <div class="hover-box" style="width: 110px;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/hezuo.png"> </div> </div> <div class="service xiaochengxu"> <div class="RightNav4"></div> <span>小程序</span> <div class="hover-box" style="width: 110px;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/xiaochengxulog.jpg"> </div> </div> <div class="service fuwuhao" style="border-radius: 0px 0px 10px 10px;"> <div class="RightNav5"></div> <span>服务号</span> <div class="hover-box" style="width: 110px;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/fuwuhao.png"> </div> </div> <div class="service dingbu" onclick="goTop();" style="border-radius: 0px 0px 10px 10px; display: none;"> <div class="RightNav6"></div> <span>回到顶部</span> </div> </div> <div id="divRightNav2" data-ishide="0" style="position: fixed; bottom: 268px; right: 60px; background-color: #1F408C; height: 80px; width: 20px; padding: 0px 2px; color: #ffffff; font-size: 12px; border-radius: 10px 0px 0px 10px; cursor: pointer; z-index: 99;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/RightNav10.png" style="display: table; width: 15px; margin: 10px auto 0 auto;"> <div style="display: table; margin: 2px auto 0 auto; text-align: center; line-height: 22px;"> 折叠 </div> </div> <script type="text/javascript"> $("#divRightNav2").click(function () { var ishide = $(this).data("ishide"); if (ishide == 0) { $("#divRightNav1").hide(); $(this).data("ishide", "1"); $(this).css("right", "0px"); $(this).find("img").css("transform", "rotate(180deg)"); $(this).find("div").html("展开"); } else { $("#divRightNav1").show(); $(this).data("ishide", "0"); $(this).css("right", "60px"); $(this).find("img").css("transform", "rotate(0deg)"); $(this).find("div").html("折叠"); } }); $("#divRightNav2").click(); function goTop() { // 由快到慢（每次开启定时器都重新计算速度） var timer = setInterval(function () { //获取滚动条的滚动高度 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //用于设置速度差，产生缓动的效果 var speed = Math.floor(-scrollTop / 8); document.documentElement.scrollTop = document.body.scrollTop = scrollTop + speed;//用纯数字赋值 isTop = true; //用于阻止滚动事件清除定时器 if (scrollTop == 0) { clearInterval(timer); } }, 0); } // 监听页面滚动事件 window.addEventListener('scroll', function () { if ($(document).scrollTop() > 0) { $(".dingbu").show(); $(".fuwuhao").css("border-radius", "0px"); } else { $(".dingbu").hide(); $(".fuwuhao").css("border-radius", "0px 0px 10px 10px"); } }); </script> <style type="text/css"> .login-box .nav-box .nav.on { color: #002B44 !important; } .login-form .login-btn { background-color: #5994FF !important; border-radius: 20px !important; } .login-box .login-yan { color: #5994FF !important; } .login-box .nav-box .nav.on { border-bottom: none !important; } .login-box .nav-box .nav.on .imgon { display: block !important; width: 100%; height: 22px; margin-left: 4px; margin-top: -10px; } .login-form { width: 320px !important; position: relative; } .login-form .login-ji span a { color: #5994FF !important; } </style>  <div class="login-box" style="display: none; width: 880px; left: 38.5%; background-color: initial;"> <input type="hidden" id="hidlohref" /> <div class="login-2" style="float: left; width: 438px; border-radius: 20px; background: url(https://cache.sgpjbg.com/sgpjbg/images/login0.png) no-repeat center; background-size: 120%; height: 386px; position: relative;"> <div class="ewm-login ewm-login2" style="display: none;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/login-ma3.png"> </div> <div class="tit" style="color: #ffffff; font-weight: inherit; font-size: 14px;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/login1.png" style="height: 24px; margin-top: 8px;" /> 微信扫码登录 </div> <div style="display: table; height: 140px; width: 140px; margin: 76px auto 0 auto; position: relative;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/login-m.png" id="payQRImg" style="width: 120px; display: table; float: left; margin-top: 10px; margin-left: 10px;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/login2.png" style="height: 140px; width: 140px; position: absolute; left: 0px; bottom: 0px; display: none;" /> </div> <div class="tit" style="color: #ffffff; font-weight: inherit; font-size: 14px; display: none;"> 微信扫码登录 </div> <div style="display: table; width: 100%; margin-top: 10px;"> <div style="display: table; width: 100%; text-align: center; color: #ADDBFF; font-size: 16px; font-weight: bold;"> 双重福利，扫码领取！ </div> <div style="display: table; width: 68%; color: #FFFFFF; border: dashed 1px #ADDBFF; margin: 20px auto 0 auto; padding: 15px; font-size: 12px; border-radius: 5px; position: relative;"> <div style="display: table; width: 100%; text-align: center;"> 关注公众号『三个皮匠报告』，免费领取报告 </div> <div style="display: table; width: 168px; margin: 8px auto 0 auto;"> 1.100+最新优质行业报告<br /> 2.每周免费精选报告分享 </div> <img src="https://cache.sgpjbg.com/sgpjbg/images/loginlp1.png" style="height: 58px; position: absolute; right: 0px; bottom: -5px;" /> </div> </div> <img src="https://cache.sgpjbg.com/sgpjbg/images/login4.png" style="position: absolute; top: 90px; left: 40px; width: 28px;" /> <img src="https://cache.sgpjbg.com/sgpjbg/images/login5.png" style="position: absolute; bottom: 178px; right: 28px; width: 46px;" /> </div> <div class="login-1" style="float: right; width: 438px; background-color: #ffffff; border-radius: 20px; height: 380px; border: solid 2px #002B44; position: relative;"> <div class="ewm-login ewm-login1" style="display: none;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/login-m2.png"> </div> <div class="nav-box" style="width: auto; margin-bottom: 10px; height: 60px;"> <div class="nav2 nav on" style="width: 138px;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/login8.png" style="width: 24px; margin-top: 6px;" /> 手机快捷登录 <img class="imgon" src="https://cache.sgpjbg.com/sgpjbg/images/login6.png" style="display: none;" /> </div> <div class="nav1 nav " style="width: 102px;"> <img src="https://cache.sgpjbg.com/sgpjbg/images/login9.png" style="width: 24px; margin-top: 6px;" /> 账号登录 <img class="imgon" src="https://cache.sgpjbg.com/sgpjbg/images/login6.png" style="display: none;" /> </div> </div>  <div class="login-form login-form-1" style="display: none; margin-top: -15px;"> <form> <input class="login-input" type="text" id="txtUserName" maxlength="50" placeholder="手机号/邮箱/昵称"> <input class="login-input" type="password" id="txtPassword" maxlength="20" placeholder="登录密码"> <div class="login-ji"> <label> <input type="checkbox">记住密码</label> <span><a href="https://www.sgpjbg.com/sgpjbg/GetPwd.aspx" rel="nofollow">忘记密码？</a></span> </div> <input class="login-btn" type="button" id="btnLogin1" value="登录"> </form> <img src="https://cache.sgpjbg.com/sgpjbg/images/login7.png" style="position: absolute; bottom: 10px; right: -100px; width: 140px;" /> </div>  <div class="login-form login-form-2"> <p>验证即登录，未注册将自动创建账号</p> <form> <input class="login-input" type="text" id="txtMobile" maxlength="11" placeholder="手机号"> <input class="login-input" type="text" id="txtSmsCode" maxlength="6" placeholder="请输入手机验证码"> <div class="login-yan" id="divSMSCode"> 获取验证码 </div> <a href="https://www.sgpjbg.com/news/3557368.html" target="_blank" style="display: table; width: 100%; font-size: 12px; color: #5994FF !important; margin-top: 8px; float: left;">收不到验证码注意事项</a> <input class="login-btn" type="button" id="btnLogin2" value="登录" style="margin-top: 22px;"> </form> <img src="https://cache.sgpjbg.com/sgpjbg/images/login7.png" style="position: absolute; bottom: 10px; right: -80px; width: 105px;" /> </div>  <div style="position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: center; font-size: 12px;"> 登录代表您已阅读并同意<a href="https://www.sgpjbg.com/sgpjbg/WebClause.aspx" rel="nofollow" target="_blank" style="color: #002B44;">《三个皮匠服务条款》</a> </div> </div> <div class="esc"> <img src="https://cache.sgpjbg.com/sgpjbg/images/esc.png"> </div> </div>  <script type="text/javascript"> $("#btnLogin1").click(function () { debugger; var hidlohref = $("#hidlohref").val(); var UserName = $("#txtUserName").val(); var Password = $("#txtPassword").val(); BaseToast("登录中，请稍后...", 10000); $.ajax({ type: "post", url: "https://www.sgpjbg.com/Login.aspx/Login1", data: "{'UserName':'" + UserName + "','Password':'" + Password + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { BaseAlertRemove(); if (data.d == "0") { if (hidlohref != "") { location.href = hidlohref; } else { location.reload(); } } else { BaseAlert(data.d); } } }); }); var divSMSCode = document.getElementById("divSMSCode"); var timer = null; divSMSCode.onclick = function () { var mobile = $("#txtMobile").val(); if (mobile != "") { GetVerificationCode_Login(this); } else { BaseAlert("请输入手机号码！"); } }; function GetVerificationCode_Login(obj) { divSMSCode.innerHTML = '信息发送中'; divSMSCode.disabled = true; var _this = obj; BaseToast("获取中，请稍后...", 10000); $.ajax({ type: "post", url: "https://www.sgpjbg.com/Login.aspx/GetUserSMSCode", data: "{'userMobile':'" + $("#txtMobile").val() + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { BaseAlertRemove(); if (data.d == "OK" || data.d == "OK1") { divSMSCode.onclick = function () { }; var t = 90; //禁止使用 clearInterval(timer); timer = setInterval(tick, 1000); tick(); function tick() { t--; divSMSCode.innerHTML = t + '秒后重发'; if (t == 0) { divSMSCode.onclick = function () { GetVerificationCode_Login(this); }; divSMSCode.disabled = false; divSMSCode.innerHTML = '获取验证码'; clearInterval(timer); } } } else { BaseAlert(data.d.replace(".", "")); divSMSCode.innerHTML = '获取验证码'; divSMSCode.disabled = false; } } }); } $("#btnLogin2").click(function () { debugger; var hidlohref = $("#hidlohref").val(); var Mobile = $("#txtMobile").val(); var SmsCode = $("#txtSmsCode").val(); BaseToast("登录中，请稍后...", 10000); $.ajax({ type: "post", url: "https://www.sgpjbg.com/Login.aspx/Login2", data: "{'Mobile':'" + Mobile + "','SmsCode':'" + SmsCode + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { BaseAlertRemove(); if (data.d == "0") { if (hidlohref != "") { location.href = hidlohref; } else { location.reload(); } } else { BaseAlert(data.d); } } }); }); </script> <link href="https://cache.sgpjbg.com/js/artDialog-5.0.3/skins/default.css" rel="stylesheet" /> <script src="https://cache.sgpjbg.com/js/artDialog-5.0.3/artDialog.min.js"></script> <script src="https://cache.sgpjbg.com/JS/Prototype.js"></script> <script type="text/javascript"> var ShouCangObj; var DialogObj; var Delimg = 0; $("a[name='aShouCang']").click(function () { ShouCangObj = $(this); var id = ShouCangObj.data("id"); var type = ShouCangObj.data("type"); Delimg = ShouCangObj.data("delimg"); var html = '<iframe src="https://www.sgpjbg.com/FlexPaper/BookFolderSelect.aspx?id=' + id + '&type=' + type + '" scrolling="no" frameborder="0" style="width: 550px; height: 300px"></iframe>' DialogObj = art.dialog({ title: '收藏资源', content: html, cancel: CloseDocWindow, cancelValue: '取消', close: CloseDocWindow, width: '540', height: '380', skin: 'blue', lock: true, background: '#666', opacity: .6, duration: 300, fixed: true, left: '50%', top: '38.2%', zIndex: 1987, resize: true, drag: true }); }); $("a[name='aFenXiang']").click(function () { var FenXiangObj = $(this); var id = FenXiangObj.data("id"); var html = '<iframe src="https://www.sgpjbg.com/sgpjbg/Share.aspx?id=' + id + '" frameborder="0" style="width: 600px; height: 400px"></iframe>'; DialogObj = art.dialog({ title: '分享资源', content: html, cancel: CloseMe, cancelValue: '关闭', close: CloseMe, width: '640', height: '410', skin: 'blue', lock: true, background: '#666', opacity: .6, duration: 300, fixed: true, left: '50%', top: '38.2%', zIndex: 1987, resize: true, drag: true }); }); $("a[name='aFaSiXin']").click(function () { var FaSiXinObj = $(this); var userId = FaSiXinObj.data("uid"); var html = '<iframe src="https://www.sgpjbg.com/MessageManage/send.aspx?id=' + userId + '" scrolling="no" frameborder="0" style="width: 500px; height: 260px"></iframe>'; DialogObj = art.dialog({ title: '发私信', content: html, cancel: CloseMe, cancelValue: '取消', close: CloseMe, width: '520', height: '300', skin: 'blue', lock: true, background: '#666', opacity: .6, duration: 300, fixed: true, left: '50%', top: '38.2%', zIndex: 1987, resize: true, drag: true }); }); function CloseMe(isLogin) { CloseDocWindow(); DialogObj.close(); if (ShouCangObj != undefined) { ShouCangObj.unbind("click"); if (Delimg == 1) { ShouCangObj.html('已收藏'); } else if (Delimg == 2) { ShouCangObj.html('<span><img alt="" src="https://cache.sgpjbg.com/sgpjbg/images/z-sc.png"></span>'); } else if (Delimg == 3) { ShouCangObj.html('<span><img alt="" src="https://cache.sgpjbg.com/sgpjbg/images/z-sc.png">已收藏</span>'); } else { ShouCangObj.html('<img alt="" src="https://cache.sgpjbg.com/sgpjbg/images/z-sc.png">已收藏'); } } if (isLogin) { $("#aLogin").click(); } } function CloseDocWindow() { if ($("#pflashContent")) $("#pflashContent").show(); } $("a[name='aZiXunShouCang']").click(function () { var $this = $(this); var id = $this.data("id"); new Ajax.Request("https://www.sgpjbg.com/InfoView.aspx", { method: "post", parameters: "scid=" + id, onSuccess: function (transport) { var response = transport.responseText || ""; if (response == "1") { alert("收藏成功！"); $this.unbind("click"); $this.html('<img alt="" src="https://cache.sgpjbg.com/sgpjbg/images/z-sc.png">已收藏'); } else { } }, onFailure: function () { } }); }); </script> <script type="text/javascript"> $(function () { $("#divSeachSelType1").mouseenter(function () { $("#divSeachSelType2").show(); }); $("#divSeachSelType1").mouseleave(function () { $("#divSeachSelType2").hide(); }); $("#divSeachSelType2 span").click(function () { $("#seachSelType").val($(this).data("value")); $("#seachSelHtml").html($(this).html()); $("#divSeachSelType2").hide(); }); }); </script> </body> </html>