答案：HTML文档头部需包含字符编码、标题、视口设置等关键元素，正确配置可提升SEO、移动端适配和页面性能。应避免乱码、重复元数据、脚本阻塞等问题，合理使用canonical、description、viewport及异步加载策略，确保搜索引擎友好与用户体验优化。
HTML文档头部，也就是我们常说的
标签里的内容，它就像是网页的“身份证”和“说明书”。虽然用户在浏览器里看不到它，但它对搜索引擎、浏览器行为以及整个页面的用户体验都起着决定性的作用。它主要用于定义页面的元数据、引入外部资源（如CSS、JS），以及设置浏览器行为，是构建一个健壮、高效、SEO友好型网页的基础。HTML文档头部到底该怎么写，这可不是简单地堆砌标签。它需要我们深思熟虑，根据页面的具体需求和目标来精心配置。从最基础的字符编码到复杂的预加载指令，每一个标签都有其存在的意义和最佳实践。
比如，一个最基本的头部结构通常会包含：字符编码声明（
），确保页面文字正常显示；页面的标题（</pre>），这是浏览器标签页和搜索引擎结果页的关键信息；以及视口设置（<pre class="brush:php;toolbar:false;"><meta name="viewport"></pre>），让页面能在不同设备上正确渲染。这些都是不可或缺的基石。</p> <p>再往深了说，我们还会用到<pre class="brush:php;toolbar:false;"><link></pre>标签来引入外部CSS样式表或图标（favicon），用<pre class="brush:php;toolbar:false;"><script></pre>标签来加载JavaScript文件，还有各种<pre class="brush:php;toolbar:false;"><meta></pre>标签来提供页面的描述、关键词、作者信息，甚至控制搜索引擎的抓取行为，或者为社交媒体分享做优化。一个设计得当的头部，能让我们的网站在性能、可访问性和搜索引擎可见性上都表现出色。</p> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> <h3>HTML头部哪些元素对SEO最重要？</h3> <p>谈到HTML头部与SEO，这简直是老生常谈，但又不得不反复强调的核心。在我看来，有几个元素是绝对的重中之重，它们的配置直接影响着你的页面在搜索引擎中的表现。</p> <p>首先，也是最显眼的，是<pre class="brush:php;toolbar:false;"><title></pre>标签。这是用户在浏览器标签页看到的内容，也是搜索引擎结果页（SERP）中点击率最高的元素。一个好的<pre class="brush:php;toolbar:false;">title</pre>应该简洁、准确地概括页面内容，并包含核心关键词。我的经验是，不要堆砌关键词，而是自然地融入，让标题既对用户有吸引力，又能告诉搜索引擎你的页面是关于什么的。如果标题太长，搜索引擎可能会截断显示，所以长度也要有所考量，通常控制在60个字符以内比较稳妥。</p> <p>其次，是<pre class="brush:php;toolbar:false;"><meta name="description"></pre>。这个元标签虽然不再直接影响排名，但它在SERP中作为页面的摘要出现，是吸引用户点击的关键。一个引人入胜、包含关键词且能激发用户兴趣的描述，能显著提升点击率。我见过太多页面，<pre class="brush:php;toolbar:false;">description</pre>要么缺失，要么就是随便抓取页面内容的前几句话，这无疑是浪费了一个宝贵的营销机会。</p> <p>再来，<pre class="brush:php;toolbar:false;"><link rel="canonical"></pre>是处理重复内容问题的利器。如果你的网站有多个URL指向相同或相似的内容（比如带参数的URL、PC版和移动版URL），<pre class="brush:php;toolbar:false;">canonical</pre>标签能告诉搜索引擎哪个是“权威”版本，从而避免权重分散和重复内容惩罚。这在电商网站或博客文章分类中尤为常见，正确使用它能避免很多不必要的SEO麻烦。</p> <p>还有，<pre class="brush:php;toolbar:false;"><meta name="robots"></pre>标签也至关重要。它能告诉搜索引擎是否抓取、索引你的页面或链接。比如，<pre class="brush:php;toolbar:false;">noindex</pre>可以防止特定页面被索引（如隐私政策页、登录页），<pre class="brush:php;toolbar:false;">nofollow</pre>则指示搜索引擎不要追踪页面上的链接。不恰当的配置可能导致重要页面无法被收录，或者不该被收录的页面反而暴露。</p> <p>最后，不能忽视的是Open Graph（OG）和Twitter Cards这类社交媒体元标签。虽然它们不直接影响搜索引擎排名，但它们决定了你的页面在社交媒体上分享时的显示效果。一张吸睛的图片、一段精准的标题和描述，能极大提升分享的吸引力，从而带来更多的流量和潜在的用户。从某种意义上说，这也是一种“社交SEO”。</p> <h3>移动设备适配与响应式设计，HTML头部如何配置？</h3> <p>在移动互联网时代，让网页在各种设备上都能良好显示，这已经不是“加分项”，而是“必选项”了。HTML头部在实现移动设备适配和响应式设计中扮演着核心角色，其中最关键的莫过于<pre class="brush:php;toolbar:false;"><meta name="viewport"></pre>标签。</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/ai/2249" title="超级简历WonderCV"><img src="https://img.php.cn/upload/ai_manual/000/000/000/175679998691134.png" alt="超级简历WonderCV"></a> <div class="aritcle_card_info flexColumn"> <a href="/ai/2249" title="超级简历WonderCV">超级简历WonderCV</a> <p>免费求职简历模版下载制作，应届生职场人必备简历制作神器</p> </div> <a href="/ai/2249" title="超级简历WonderCV" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <p>这个标签几乎是所有响应式设计的起点。通常我们会这样配置：</p><pre class='brush:html;toolbar:false;'><meta name="viewport" content="width=device-width, initial-scale=1.0"></pre><p>让我来拆解一下这个看似简单的代码：</p> <ul> <li><pre class="brush:php;toolbar:false;">width=device-width</pre>：这告诉浏览器，将视口的宽度设置为设备的屏幕宽度。如果没有这一行，移动浏览器可能会将页面渲染成桌面版宽度（通常是980px），然后缩小显示，导致文字过小、布局混乱。有了它，页面会根据设备宽度进行缩放，适配性大大增强。</li> <li><pre class="brush:php;toolbar:false;">initial-scale=1.0</pre>：这设定了页面首次加载时的缩放比例。设置为1.0意味着不进行任何缩放，页面会以其原始大小显示。这对于确保页面内容以可读的方式呈现至关重要。</li> </ul> <p>除了这两个核心属性，<pre class="brush:php;toolbar:false;">viewport</pre>还有其他一些属性，比如<pre class="brush:php;toolbar:false;">minimum-scale</pre>、<pre class="brush:php;toolbar:false;">maximum-scale</pre>和<pre class="brush:php;toolbar:false;">user-scalable</pre>。虽然它们提供了更精细的控制，但在大多数情况下，为了用户体验和可访问性，我通常建议避免限制用户的缩放行为（即不设置<pre class="brush:php;toolbar:false;">maximum-scale</pre>和<pre class="brush:php;toolbar:false;">user-scalable=no</pre>）。强制用户不能缩放，可能会让视力不佳的用户感到非常沮丧。</p> <p>除了<pre class="brush:php;toolbar:false;">viewport</pre>，虽然不是直接在头部配置，但<pre class="brush:php;toolbar:false;"><link rel="stylesheet" media="(max-width: 600px)"></pre>这样的媒体查询链接也能辅助响应式设计。它允许你根据屏幕尺寸条件性地加载不同的CSS文件，从而为特定设备提供优化的样式。不过，现代<a style="color:#f60; text-decoration:underline;" title="前端" href="https://www.php.cn/zt/15813.html" target="_blank">前端</a>开发更多倾向于在单个CSS文件中使用CSS媒体查询，而不是加载多个文件，以减少HTTP请求。</p> <p>总而言之，<pre class="brush:php;toolbar:false;">viewport</pre>标签是移动端适配的基石，它的正确配置是确保你的网站在手机、平板<a style="color:#f60; text-decoration:underline;" title="电脑" href="https://www.php.cn/zt/16237.html" target="_blank">电脑</a>上拥有良好用户体验的第一步。缺少它，你的响应式CSS可能根本不会按预期工作。</p> <h3>处理HTML头部常见错误和挑战的实用建议</h3> <p>在实际开发中，HTML头部虽然看似简单，但因为其承载了大量配置信息，也常常成为各种问题和挑战的源头。我在这里分享一些我在实践中遇到的常见错误和应对策略。</p> <p>一个最常见的错误是<strong>遗漏或错误配置字符编码</strong>，也就是<pre class="brush:php;toolbar:false;"><meta charset="UTF-8"></pre>。如果这个标签缺失或者设置错误（比如设置为GBK而实际内容是UTF-8），你的页面就会出现乱码，变成一堆无法识别的符号。这不仅影响用户体验，也会让搜索引擎难以理解你的内容。所以，务必确保这个标签在<pre class="brush:php;toolbar:false;"><head></pre>的最顶部，紧跟在<pre class="brush:php;toolbar:false;"><title></pre>之前，且始终使用<pre class="brush:php;toolbar:false;">UTF-8</pre>，这是通用且推荐的编码方式。</p> <p>另一个挑战是<strong><pre class="brush:php;toolbar:false;"><title></pre>和<pre class="brush:php;toolbar:false;"><meta name="description"></pre>的重复或缺失</strong>。我见过不少网站，所有页面的<pre class="brush:php;toolbar:false;">title</pre>都一样，或者干脆没有<pre class="brush:php;toolbar:false;">description</pre>。这对于SEO来说是灾难性的。每个页面都应该有独特、精准的标题和描述。这在大型网站或使用CMS（内容管理系统）时尤其需要注意，要确保CMS能为每个页面动态生成这些元数据。</p> <p>性能问题也经常体现在头部。<strong>过多的同步加载的<pre class="brush:php;toolbar:false;"><script></pre>或<pre class="brush:php;toolbar:false;"><link></pre>标签</strong>会阻塞页面的渲染。如果你的JavaScript文件很大，或者CSS文件很多，浏览器必须先下载、解析并执行它们，然后才能开始渲染页面内容。这会导致页面白屏时间过长，用户体验极差。 我的建议是：</p> <ul> <li> <strong>关键CSS内联</strong>：将首屏渲染所需的少量CSS直接写在<pre class="brush:php;toolbar:false;"><style></pre>标签里，减少一次HTTP请求。</li> <li> <strong>非关键CSS异步加载</strong>：使用<pre class="brush:php;toolbar:false;">media</pre>属性或JavaScript动态加载非关键CSS。</li> <li> <strong>JavaScript延迟加载</strong>：将不影响首屏渲染的JavaScript文件放在<pre class="brush:php;toolbar:false;"><body></pre>标签的底部，或者在<pre class="brush:php;toolbar:false;"><script></pre>标签上使用<pre class="brush:php;toolbar:false;">defer</pre>或<pre class="brush:php;toolbar:false;">async</pre>属性。<pre class="brush:php;toolbar:false;">defer</pre>会保证脚本按顺序执行，但会等到HTML解析完成后；<pre class="brush:php;toolbar:false;">async</pre>则会并行下载和执行，不保证顺序，适合独立的脚本。</li> </ul><pre class='brush:html;toolbar:false;'><!-- 阻塞渲染的JS，尽量避免 --> <script src="blocking.js"></script> <!-- 异步加载JS，不阻塞渲染，不保证执行顺序 --> <script src="async.js" async></script> <!-- 延迟加载JS，不阻塞渲染，保证执行顺序 --> <script src="deferred.js" defer></script></pre><p><strong><pre class="brush:php;toolbar:false;"><meta name="viewport"></pre>的错误配置</strong>也是常见问题。例如，忘记设置<pre class="brush:php;toolbar:false;">width=device-width</pre>，或者过度限制用户缩放。这会导致移动端页面显示异常，用户体验大打折扣。始终坚持使用<pre class="brush:php;toolbar:false;">width=device-width, initial-scale=1.0</pre>作为基准，除非有非常特殊的理由。</p> <p>最后，<strong>忘记使用<pre class="brush:php;toolbar:false;"><link rel="canonical"></pre></strong>来处理重复内容。这对于那些有多种URL路径指向同一内容（例如，<pre class="brush:php;toolbar:false;">example.com/product/123</pre>和<pre class="brush:php;toolbar:false;">example.com/category/shirts/product/123</pre>）的网站来说，是致命的SEO错误。搜索引擎会将其视为重复内容，可能不知道该索引哪个版本，从而分散页面的权重。务必为每个内容的唯一版本指定一个规范URL。</p> <p>避免这些错误的关键在于细致的检查和测试，并利用Lighthouse、PageSpeed Insights等工具进行性能和SEO审计。一个健康的HTML头部，是网站成功运营的重要保障。</p> </div> <div class="artmoreart "> <div class="artdp artptit"><span></span> <p>相关文章</p> </div> <div class="artmores flexColumn"> <a class="artmrlis flexRow" href="/faq/1918344.html" title="html代码要怎么运行_运行html代码方法【教程】"><b></b> <p class="overflowclass">html代码要怎么运行_运行html代码方法【教程】</p> </a> <a class="artmrlis flexRow" href="/faq/1918254.html" title="如何在文本输入框中禁用空格字符"><b></b> <p class="overflowclass">如何在文本输入框中禁用空格字符</p> </a> <a class="artmrlis flexRow" href="/faq/1917733.html" title="如何将动态内容的段落与现有文本内联显示而不丢失数据"><b></b> <p class="overflowclass">如何将动态内容的段落与现有文本内联显示而不丢失数据</p> </a> <a class="artmrlis flexRow" href="/faq/1917175.html" title="HTML5怎么建站点_HTML5用文件夹搭结构写HTML/CSS/JS建站点【建站】"><b></b> <p class="overflowclass">HTML5怎么建站点_HTML5用文件夹搭结构写HTML/CSS/JS建站点【建站】</p> </a> <a class="artmrlis flexRow" href="/faq/1917060.html" title="有代码怎么运行html_有代码运行html方法【教程】"><b></b> <p class="overflowclass">有代码怎么运行html_有代码运行html方法【教程】</p> </a> </div> <div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)"><img src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" alt="HTML速学教程(入门课程)"></a> <div class="aritcle_card_info flexColumn"> <a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)">HTML速学教程(入门课程)</a> <p>HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！</p> </div> <a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <div class="artmoretabs flexRow"> <p>相关标签:</p> <div class="mtbs flexRow"> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15716.html" target="_blank">css</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15724.html" target="_blank">javascript</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15731.html" target="_blank">java</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15763.html" target="_blank">html</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15802.html" target="_blank">js</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15813.html" target="_blank">前端</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15863.html" target="_blank">go</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15995.html" target="_blank">cms</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16104.html" target="_blank">seo</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16108.html" target="_blank">编码</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16180.html" target="_blank">浏览器</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16237.html" target="_blank">电脑</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=JavaScript" target="_blank">JavaScript</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=css" target="_blank">css</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=html" target="_blank">html</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=堆" target="_blank">堆</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=JS" target="_blank">JS</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=异步" target="_blank">异步</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=样式表" target="_blank">样式表</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=viewport" target="_blank">viewport</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=http" target="_blank">http</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=搜索引擎" target="_blank">搜索引擎</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=cms" target="_blank">cms</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=SEO" target="_blank">SEO</a> </div> </div> <p class="statement">本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</p> <div class="lastanext flexRow"> <a class="lastart flexRow" href="/faq/1532132.html" title="HTML文档类型怎么声明_HTML文档DOCTYPE声明详解"><span>上一篇：</span>HTML文档类型怎么声明_HTML文档DOCTYPE声明详解</a> <a class="nextart flexRow" href="/faq/1532315.html" title="HTML与Node.js服务器端渲染结合_HTML与Node.js服务器端渲染结合指南教程"><span>下一篇：</span>HTML与Node.js服务器端渲染结合_HTML与Node.js服务器端渲染结合指南教程</a> </div> </div> <div class="artlef-down "> <div class="authormore "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>作者最新文章</p> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909425.html" title="Zoom如何共享屏幕_Zoom共享屏幕方法【指南】"><b></b> <p class="overflowclass">Zoom如何共享屏幕_Zoom共享屏幕方法【指南】</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 13:15</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909426.html" title="个人所得税APP收入显示不对怎么办_个人所得税APP收入异常申诉方法【指南】"><b></b> <p class="overflowclass">个人所得税APP收入显示不对怎么办_个人所得税APP收入异常申诉方法【指南】</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 13:16</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909464.html" title="微信客户端怎么注册账号_微信客户端注册新账号详细流程"><b></b> <p class="overflowclass">微信客户端怎么注册账号_微信客户端注册新账号详细流程</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 13:23</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909535.html" title="html文件怎么打开无响应_双击后浏览器没反应的排查办法【汇总】"><b></b> <p class="overflowclass">html文件怎么打开无响应_双击后浏览器没反应的排查办法【汇总】</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 13:39</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909605.html" title="搜狗搜索网页版入口 搜狗网页搜索在线入口"><b></b> <p class="overflowclass">搜狗搜索网页版入口 搜狗网页搜索在线入口</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 13:49</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909619.html" title="2027年觅知网文献检索入口 觅知网最新可用官方网站地址"><b></b> <p class="overflowclass">2027年觅知网文献检索入口 觅知网最新可用官方网站地址</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 13:52</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909653.html" title="Claude怎样写指令型提示词_Claude指令提示词写法【方法】"><b></b> <p class="overflowclass">Claude怎样写指令型提示词_Claude指令提示词写法【方法】</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 13:57</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909656.html" title="高德地图怎样添加途经点出行_高德地图添加途经点出行【步骤】"><b></b> <p class="overflowclass">高德地图怎样添加途经点出行_高德地图添加途经点出行【步骤】</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 13:58</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909687.html" title="BOOKING怎样使用智能推荐_BOOKING推荐算法与偏好设置【方法】"><b></b> <p class="overflowclass">BOOKING怎样使用智能推荐_BOOKING推荐算法与偏好设置【方法】</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 14:03</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1909728.html" title="批改网ai检测工具怎么检测多语言作文_批改网ai检测工具多语言切换与检测支持【技巧】"><b></b> <p class="overflowclass">批改网ai检测工具怎么检测多语言作文_批改网ai检测工具多语言切换与检测支持【技巧】</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-30 14:09</p> </div> </div> </div> </div> <div class="moreAi "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门AI工具</p> </div> <a target="_blank" class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a> </div> <div class="moreailist flexRow"> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/723" title="DeepSeek" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">DeepSeek</p> <p class="overflowclass abriptwo">幻方量化公司旗下的开源大模型平台</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> <p href="/ai/tag/code/open-plat" title="开放平台" class="aidcontbp flexRow flexcenter">开放平台</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/726" title="豆包大模型" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680204067325.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">豆包大模型</p> <p class="overflowclass abriptwo">字节跳动自主研发的一系列大型语言模型</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/725" title="通义千问" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974228210.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="通义千问" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">通义千问</p> <p class="overflowclass abriptwo">阿里巴巴推出的全能AI助手</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/854" title="腾讯元宝" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679978251103.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="腾讯元宝" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">腾讯元宝</p> <p class="overflowclass abriptwo">腾讯混元平台推出的AI助手</p> <div class="aidconstab flexRow"> <p href="/ai/tag/office/docs" title="文档处理" class="aidcontbp flexRow flexcenter">文档处理</p> <p href="/ai/tag/office/excel" title="Excel 表格" class="aidcontbp flexRow flexcenter">Excel 表格</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/724" title="文心一言" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974557049.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="文心一言" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">文心一言</p> <p class="overflowclass abriptwo">文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> <p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/1507" title="讯飞写作" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/969/633/68b7a4153cd86671.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="讯飞写作" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">讯飞写作</p> <p class="overflowclass abriptwo">基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿</p> <div class="aidconstab flexRow"> <p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p> <p href="/ai/tag/text/write" title="写作工具" class="aidcontbp flexRow flexcenter">写作工具</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/1115" title="即梦AI" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6d8f7c530c315.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="即梦AI" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">即梦AI</p> <p class="overflowclass abriptwo">一站式AI创作平台，免费AI图片和视频生成。</p> <div class="aidconstab flexRow"> <p href="/ai/tag/image/image-titching" title="图片拼接" class="aidcontbp flexRow flexcenter">图片拼接</p> <p href="/ai/tag/image/image-create" title="图画生成" class="aidcontbp flexRow flexcenter">图画生成</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/808" title="ChatGPT" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679970194596.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="ChatGPT" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">ChatGPT</p> <p class="overflowclass abriptwo">最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> <p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679976181507.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="智谱清言 - 免费全能的AI助手" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">智谱清言 - 免费全能的AI助手</p> <p class="overflowclass abriptwo">智谱清言 - 免费全能的AI助手</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> <p href="/ai/tag/office/pdf" title="PDF 文档" class="aidcontbp flexRow flexcenter">PDF 文档</p> </div> </div> </a> </div> </div> </div> </div> </div> </div> <div class="conRight artdtilRight "> <div class="artrig-adv "> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class="hotzt artdtzt"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关专题</p> </div> <a target="_blank" class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a> </div> <div class="hotztuls flexColumn"> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/jsszcd" class="aClass flexRow hotzta" title="js获取数组长度的方法"><img src="https://img.php.cn/upload/subject/202306/20/2023062017455159983.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js获取数组长度的方法" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/jsszcd" class="aClass flexRow hotztra overflowclass" title="js获取数组长度的方法">js获取数组长度的方法</a> <p class="aClass flexRow hotztrp overflowclass">在js中，可以利用array对象的length属性来获取数组长度，该属性可设置或返回数组中元素的数目，只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值，也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容，供大家免费下载使用。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">542</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.06.20</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/jssxym" class="aClass flexRow hotzta" title="js刷新当前页面"><img src="https://img.php.cn/upload/subject/202307/04/2023070409584996422.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js刷新当前页面" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/jssxym" class="aClass flexRow hotztra overflowclass" title="js刷新当前页面">js刷新当前页面</a> <p class="aClass flexRow hotztrp overflowclass">js刷新当前页面的方法：1、reload方法，该方法强迫浏览器刷新当前页面，语法为“location.reload([bForceGet]) ”；2、replace方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，不能通过“前进”和“后退”来访问已经被替换的URL，语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">372</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.07.04</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/jssswr" class="aClass flexRow hotzta" title="js四舍五入"><img src="https://img.php.cn/upload/subject/202307/04/2023070410160418152.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js四舍五入" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/jssswr" class="aClass flexRow hotztra overflowclass" title="js四舍五入">js四舍五入</a> <p class="aClass flexRow hotztrp overflowclass">js四舍五入的方法：1、tofixed方法，可把 Number 四舍五入为指定小数位数的数字；2、round() 方法，可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">727</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.07.04</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/jsscjddff" class="aClass flexRow hotzta" title="js删除节点的方法"><img src="https://img.php.cn/upload/subject/202309/01/2023090117024286721.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js删除节点的方法" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/jsscjddff" class="aClass flexRow hotztra overflowclass" title="js删除节点的方法">js删除节点的方法</a> <p class="aClass flexRow hotztrp overflowclass">js删除节点的方法有：1、removeChild()方法，用于从父节点中移除指定的子节点，它需要两个参数，第一个参数是要删除的子节点，第二个参数是父节点；2、parentNode.removeChild()方法，可以直接通过父节点调用来删除子节点；3、remove()方法，可以直接删除节点，而无需指定父节点；4、innerHTML属性，用于删除节点的内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">470</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.09.01</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javascriptzy" class="aClass flexRow hotzta" title="JavaScript转义字符"><img src="https://img.php.cn/upload/subject/202309/04/2023090411084899588.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="JavaScript转义字符" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javascriptzy" class="aClass flexRow hotztra overflowclass" title="JavaScript转义字符">JavaScript转义字符</a> <p class="aClass flexRow hotztrp overflowclass">JavaScript中的转义字符是反斜杠和引号，可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容，供大家免费下载体验。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">392</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.09.04</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/jsscsjsdff" class="aClass flexRow hotzta" title="js生成随机数的方法"><img src="https://img.php.cn/upload/subject/202309/04/2023090411300156430.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js生成随机数的方法" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/jsscsjsdff" class="aClass flexRow hotztra overflowclass" title="js生成随机数的方法">js生成随机数的方法</a> <p class="aClass flexRow hotztrp overflowclass">js生成随机数的方法有：1、使用random函数生成0-1之间的随机数；2、使用random函数和特定范围来生成随机整数；3、使用random函数和round函数生成0-99之间的随机整数；4、使用random函数和其他函数生成更复杂的随机数；5、使用random函数和其他函数生成范围内的随机小数；6、使用random函数和其他函数生成范围内的随机整数或小数。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">990</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.09.04</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/rhqyjavascrip" class="aClass flexRow hotzta" title="如何启用JavaScript"><img src="https://img.php.cn/upload/subject/202309/12/2023091210411962381.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="如何启用JavaScript" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/rhqyjavascrip" class="aClass flexRow hotztra overflowclass" title="如何启用JavaScript">如何启用JavaScript</a> <p class="aClass flexRow hotztrp overflowclass">JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍：1、内联脚本是将JavaScript代码直接嵌入到HTML标签中；2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中；3、外部脚本是将JavaScript代码放置在一个独立的文件；4、外部脚本是将JavaScript代码放置在一个独立的文件。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">654</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.09.12</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/jssymbol" class="aClass flexRow hotzta" title="Js中Symbol类详解"><img src="https://img.php.cn/upload/subject/202309/20/2023092011360778721.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Js中Symbol类详解" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/jssymbol" class="aClass flexRow hotztra overflowclass" title="Js中Symbol类详解">Js中Symbol类详解</a> <p class="aClass flexRow hotztrp overflowclass">javascript中的Symbol数据类型是一种基本数据类型，用于表示独一无二的值。Symbol的特点：1、独一无二，每个Symbol值都是唯一的，不会与其他任何值相等；2、不可变性，Symbol值一旦创建，就不能修改或者重新赋值；3、隐藏性，Symbol值不会被隐式转换为其他类型；4、无法枚举，Symbol值作为对象的属性名时，默认是不可枚举的。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">544</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.09.20</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/phpymazjcdq" class="aClass flexRow hotzta" title="php源码安装教程大全"><img src="https://img.php.cn/upload/subject/202512/31/2025123115154686243.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="php源码安装教程大全" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/phpymazjcdq" class="aClass flexRow hotztra overflowclass" title="php源码安装教程大全">php源码安装教程大全</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了php源码安装教程，阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">62</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2025.12.31</p> </div> </div> </div> </div> </div> </div> <div class="hotdownload "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门下载</p> </div> <a target="_blank" class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a> </div> <div class="hotdownTab"> <div class="hdTabs flexRow"> <div class="check" data-id="onef">网站特效 <b></b> </div> / <div class="" data-id="twof">网站源码 <b></b></div> / <div class="" data-id="threef">网站素材 <b></b></div> / <div class="" data-id="fourf">前端模板 <b></b></div> </div> <ul class="onef"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery表格table内容添加删除特效" href="/xiazai/js/8213"><span>[窗口特效]</span><span>jQuery表格table内容添加删除特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery问卷调查表单编辑代码" href="/xiazai/js/8212"><span>[表单按钮]</span><span>jQuery问卷调查表单编辑代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery百叶窗文字背景动画" href="/xiazai/js/8211"><span>[文字特效]</span><span>jQuery百叶窗文字背景动画</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery拖拽图片上传表单代码" href="/xiazai/js/8210"><span>[表单按钮]</span><span>jQuery拖拽图片上传表单代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery颜色选取调色板实例" href="/xiazai/js/8209"><span>[窗口特效]</span><span>jQuery颜色选取调色板实例</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="纯CSS3消失和递进文字特效" href="/xiazai/js/8208"><span>[文字特效]</span><span>纯CSS3消失和递进文字特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery网站导航下拉菜单实例" href="/xiazai/js/8207"><span>[菜单导航]</span><span>jQuery网站导航下拉菜单实例</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="js百叶窗图片旋转切换代码" href="/xiazai/js/8206"><span>[图片特效]</span><span>js百叶窗图片旋转切换代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery图片上传头像剪裁特效" href="/xiazai/js/8205"><span>[窗口特效]</span><span>jQuery图片上传头像剪裁特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="CSS3带顶部色条登录框特效" href="/xiazai/js/8204"><span>[表单按钮]</span><span>CSS3带顶部色条登录框特效</span></a> </div> </li> </ul> <ul class="twof" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11353" title="雅龙智能装备工业设备类WordPress主题1.0"><span>[企业站源码]</span><span>雅龙智能装备工业设备类WordPress主题1.0</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11352" title="威发卡自动发卡系统"><span>[电商源码]</span><span>威发卡自动发卡系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11351" title="卡密分发系统"><span>[电商源码]</span><span>卡密分发系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11350" title="中华陶瓷网"><span>[电商源码]</span><span>中华陶瓷网</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11349" title="简洁粉色食品公司网站"><span>[电商源码]</span><span>简洁粉色食品公司网站</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11348" title="极速网店系统"><span>[电商源码]</span><span>极速网店系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11347" title="淘宝妈妈_淘客推广系统"><span>[电商源码]</span><span>淘宝妈妈_淘客推广系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11346" title="积客B2SCMS商城系统"><span>[电商源码]</span><span>积客B2SCMS商城系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11345" title="CODEC2I 众筹系统"><span>[电商源码]</span><span>CODEC2I 众筹系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11344" title="ieshop超级网店系统"><span>[电商源码]</span><span>ieshop超级网店系统</span> </a> </div> </li> </ul> <ul class="threef" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4146" title="唯美冬季雪景森林小屋矢量背景"><span>[网站素材]</span><span>唯美冬季雪景森林小屋矢量背景</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4145" title="2026新年派对庆祝矢量素材"><span>[网站素材]</span><span>2026新年派对庆祝矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4144" title="美味冰激凌宣传卡模板设计下载"><span>[网站素材]</span><span>美味冰激凌宣传卡模板设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4143" title="2026新年加载进度条矢量图片"><span>[网站素材]</span><span>2026新年加载进度条矢量图片</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4142" title="创意工作室营业海报设计素材下载"><span>[网站素材]</span><span>创意工作室营业海报设计素材下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4141" title="国潮中式锦鲤荷塘矢量背景"><span>[网站素材]</span><span>国潮中式锦鲤荷塘矢量背景</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4140" title="复古红色咖啡促销海报矢量模板"><span>[网站素材]</span><span>复古红色咖啡促销海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4139" title="2026新年快乐竖版海报PSD模板设计下载"><span>[网站素材]</span><span>2026新年快乐竖版海报PSD模板设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4138" title="孟菲斯几何2026新年贺卡矢量"><span>[网站素材]</span><span>孟菲斯几何2026新年贺卡矢量</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4137" title="珠宝饰品折扣感谢卡ps素材下载"><span>[网站素材]</span><span>珠宝饰品折扣感谢卡ps素材下载</span> </a> </div> </li> </ul> <ul class="fourf" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8590" title="驾照考试驾校HTML5网站模板"><span>[前端模板]</span><span>驾照考试驾校HTML5网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8589" title="驾照培训服务机构宣传网站模板"><span>[前端模板]</span><span>驾照培训服务机构宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8588" title="HTML5房地产公司宣传网站模板"><span>[前端模板]</span><span>HTML5房地产公司宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8587" title="新鲜有机肉类宣传网站模板"><span>[前端模板]</span><span>新鲜有机肉类宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8586" title="响应式天气预报宣传网站模板"><span>[前端模板]</span><span>响应式天气预报宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8585" title="房屋建筑维修公司网站CSS模板"><span>[前端模板]</span><span>房屋建筑维修公司网站CSS模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8584" title="响应式志愿者服务网站模板"><span>[前端模板]</span><span>响应式志愿者服务网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8583" title="创意T恤打印店网站HTML5模板"><span>[前端模板]</span><span>创意T恤打印店网站HTML5模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8582" title="网页开发岗位简历作品展示网页模板"><span>[前端模板]</span><span>网页开发岗位简历作品展示网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8581" title="响应式人力资源机构宣传网站模板"><span>[前端模板]</span><span>响应式人力资源机构宣传网站模板</span> </a> </div> </li> </ul> </div> <script> $('.hdTabs>div').click(function (e) { $('.hdTabs>div').removeClass('check') $(this).addClass('check') $('.hotdownTab>ul').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> <div class="artrig-adv "> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class="xgarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关下载</p> </div> <a target="_blank" class="rititle-more flexRow" href="/xiazai" title="相关下载"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="php商城系统" href="/xiazai/code/11178">php商城系统</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="淘源码商城PHP淘宝查信誉" href="/xiazai/code/11177">淘源码商城PHP淘宝查信誉</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP房产程序[BBWPS]" href="/xiazai/code/11165">PHP房产程序[BBWPS]</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP简约自动发卡平台个人版" href="/xiazai/code/11128">PHP简约自动发卡平台个人版</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="ERMEB域名PHP离线网络授权系统" href="/xiazai/code/11040">ERMEB域名PHP离线网络授权系统</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Difeye-敏捷的轻量级PHP框架" href="/xiazai/code/11037">Difeye-敏捷的轻量级PHP框架</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="大泉州汽车网PHP整站程序" href="/xiazai/code/10963">大泉州汽车网PHP整站程序</a></div> </div> </div> <div class="jpkc"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>精品课程</p> </div> <a class="rititle-more flexRow" target="_blank" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a> </div> <div class=" jpkcTab"> <div class=" jpkcTabs flexRow"> <div class="check" data-id="onefd">相关推荐 <b></b> </div> / <div class="" data-id="twofd">热门推荐 <b></b></div> / <div class="" data-id="threefd">最新课程 <b></b></div> </div> <div class="onefd jpktabd"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1694.html" title="CSS3 教程"> <img src="https://img.php.cn/upload/course/000/000/090/68aee967a4940837.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="CSS3 教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1694.html" title="CSS3 教程" class="rirightp overflowclass">CSS3 教程</a> <div class="risrdown flexRow"> <p>共18课时 | 4.1万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1679.html" title="MongoDB 教程"> <img src="https://img.php.cn/upload/course/000/000/090/689c42797bc78244.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="MongoDB 教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1679.html" title="MongoDB 教程" class="rirightp overflowclass">MongoDB 教程</a> <div class="risrdown flexRow"> <p>共17课时 | 1.7万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1660.html" title="CSS教程"> <img src="https://img.php.cn/upload/course/000/000/090/68774990cfb6f919.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="CSS教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1660.html" title="CSS教程" class="rirightp overflowclass">CSS教程</a> <div class="risrdown flexRow"> <p>共754课时 | 17.3万人学习</p> </div> </div> </div> </div> <div class="twofd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> <p>共6课时 | 6.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="rirightp overflowclass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="risrdown flexRow"> <p>共79课时 | 150.7万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程"> <img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程" class="rirightp overflowclass">phpStudy极速入门视频教程</a> <div class="risrdown flexRow"> <p>共6课时 | 53.3万人学习</p> </div> </div> </div> </div> <div class="threefd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通"> <img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新Python教程 从入门到精通" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通" class="rirightp overflowclass">最新Python教程 从入门到精通</a> <div class="risrdown flexRow"> <p>共4课时 | 0.6万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> <p>共6课时 | 6.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP新手语法线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学" class="rirightp overflowclass">PHP新手语法线上课程教学</a> <div class="risrdown flexRow"> <p>共13课时 | 0.8万人学习</p> </div> </div> </div> </div> <script> $('.jpkcTabs>div').click(function (e) { $('.jpkcTabs>div').removeClass('check') $(this).addClass('check') $('.jpkcTab .jpktabd').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> </div> <div class="zxarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>最新文章</p> </div> <a class="rititle-more flexRow" href="" title="最新文章" target="_blank"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML5标签嵌套规则是什么_错误嵌套后果及避免【指南】" href="/faq/1918915.html">HTML5标签嵌套规则是什么_错误嵌套后果及避免【指南】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="JavaScript AES加密解密结果不一致及乱码问题详解" href="/faq/1918910.html">JavaScript AES加密解密结果不一致及乱码问题详解</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在点击时自动加载原始尺寸图像并用 Magnific Popup 打开灯箱" href="/faq/1918885.html">如何在点击时自动加载原始尺寸图像并用 Magnific Popup 打开灯箱</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="JavaScript 中自增/自减运算符的前置与后置区别详解" href="/faq/1918869.html">JavaScript 中自增/自减运算符的前置与后置区别详解</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在 Flutter 中将多个 HtmlWidget 元素内联显示为同一段落" href="/faq/1918823.html">如何在 Flutter 中将多个 HtmlWidget 元素内联显示为同一段落</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在动态生成的表单中精准定位触发事件的输入框索引" href="/faq/1918819.html">如何在动态生成的表单中精准定位触发事件的输入框索引</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="html文件怎么打开字体异常_自定义字体加载失败的处理办法【技巧】" href="/faq/1918814.html">html文件怎么打开字体异常_自定义字体加载失败的处理办法【技巧】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="带波纹点击效果的HTML5按钮JS+CSS实现【教程】" href="/faq/1918801.html">带波纹点击效果的HTML5按钮JS+CSS实现【教程】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何用 JavaScript 正确实现按钮控制段落显隐切换" href="/faq/1918799.html">如何用 JavaScript 正确实现按钮控制段落显隐切换</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在 PyScript 中避免 Python 长时间运行阻塞网页交互？" href="/faq/1918783.html">如何在 PyScript 中避免 Python 长时间运行阻塞网页交互？</a></div> </div> </div> </div> </div> </div> <!--底部--> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a target="_blank" href="/about/us.html" rel="nofollow" title="关于我们" class="cBlack">关于我们</a> <a target="_blank" href="/about/disclaimer.html" rel="nofollow" title="免责申明" class="cBlack">免责申明</a> <a target="_blank" href="/about/jbzx.html" rel="nofollow" title="举报中心" class="cBlack">举报中心</a> <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a target="_blank" href="https://www.php.cn/teacher.html" rel="nofollow" title="讲师合作" class="cBlack">讲师合作</a> <a target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" title="广告合作" class="cBlack">广告合作</a> <a target="_blank" href="/new/" title="最新文章列表" class="cBlack">最新更新</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd> <dd class="cont2"> <span class="ylwTopBox"> <a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br/>关注PHP中文网服务号</p> <img src="/static/images/examples/text16.png"/> </em> </span> <span class="ylwTopBox"> <a href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" class="cBlack"><b class="icon2"></b>技术交流群</a> <em style="display:none;" class="ylwTopSub"> <p>QQ扫码<br/>加入技术交流群</p> <img src="/static/images/examples/text18.png"/> </em> </span> <div class="clear"></div> </dd> </dl> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="/static/images/examples/text17.png"/></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"><p>Copyright 2014-2026 <a href="https://www.php.cn/" >https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" >湘ICP备2023035733号</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" ><b></b></a></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span> <script src="/static/js/cdn.js?v=1.0.1"></script> <!--底部 end--> <!-- content --> <!-- <div class="phpFudong"> <div class="phpFudongIn"> <div class="phpFudongImg"></div> <div class="phpFudongXue">登录PHP中文网，和优秀的人一起学习！</div> <div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div> <div class="phpFudongCode"><a href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div> <div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div> <div class="clear"></div> </div> </div> --> <!--底部浮动层 end--> <!--侧导航--> <style> .layui-fixbar{display: none;} </style> <div class="phpSdhBox" style="height:240px !important;"> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="/k24.html" class="hover" title="PHP学习"> <b class="icon1"></b> <p>PHP学习</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="https://www.php.cn/blog/detail/1047189.html" > <b class="icon2"></b> <p>技术支持</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="#"> <b class="icon6"></b> <p>返回顶部</p> </a> </div> </div> </li> </div> </body> </html> <script type="text/javascript" src="/hitsUp?type=article&id=1532311&time=1767254493"> </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1767254493"></script> <script> article_status = "1522148"; </script> <input type="hidden" id="verifycode" value="/captcha.html"> <script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/jquery.cookie.js"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script> <script> function setCookie(name, value, iDay) { //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } function getCookie(name) { var cookieArr = document.cookie.split(";"); for (var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split("="); if (name == cookiePair[0].trim()) { return decodeURIComponent(cookiePair[1]); } } return null; } </script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '11']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <!-- End Matomo Code --> <script> setCookie('is_article', 1, 1); </script> <script> var is_login = "0"; var show = 0; var ceng = getCookie('ceng'); //未登录复制显示登录按钮 if(is_login == 0 && false){ $(".code").hover(function(){ $(this).find('.contentsignin').show(); },function(){ $(this).find('.contentsignin').hide(); }); //不给复制 $('.code').bind("cut copy paste",function(e) { e.preventDefault(); }); $('.code .contentsignin').click(function(){ $(document).trigger("api.loginpopbox"); }) }else{ // 获取所有的 <pre> 元素 var preElements = document.querySelectorAll('pre'); preElements.forEach(function(preElement) { // 创建复制按钮 var copyButton = document.createElement('button'); copyButton.className = 'copy-button'; copyButton.textContent = '复制'; // 添加点击事件处理程序 copyButton.addEventListener('click', function() { // 获取当前按钮所属的 <pre> 元素中的文本内容 var textContent = preElement.textContent.trim(); // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容 var tempTextarea = document.createElement('textarea'); tempTextarea.value = textContent; // 将临时 textarea 添加到文档中 document.body.appendChild(tempTextarea); // 选中临时 textarea 中的文本内容并执行复制操作 tempTextarea.select(); document.execCommand('copy'); // 移除临时 textarea 元素 document.body.removeChild(tempTextarea); // 更新按钮文本为 "已复制" this.textContent = '已复制'; }); // 创建AI写代码按钮 var aiButton = document.createElement('button'); aiButton.className = 'copy-button'; aiButton.textContent = 'AI写代码'; aiButton.style.marginLeft = '5px'; aiButton.style.marginRight = '5px'; // 添加点击事件处理程序 aiButton.addEventListener('click', function() { // Generate a random number between 0 and 1 var randomChance = Math.random(); // If the random number is less than 0.5, open the first URL, else open the second if (randomChance < 0.5) { window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank'); } else { window.open('https://click.aliyun.com/m/1000402709/', '_blank'); } }); // 将按钮添加到 <pre> 元素前面 preElement.parentNode.insertBefore(copyButton, preElement); preElement.parentNode.insertBefore(aiButton, preElement); }); } </script>