扫码关注官方订阅号
0
小老鼠
发布时间：2025-08-05 15:36:02
325人浏览过
来源于php中文网
原创
与<object>标签的主要<a style="color:#f60; text-decoration:underline;" title="区别" href="https://www.php.cn/zt/27988.html" target="_blank">区别</a>在于设计用途和兼容性：<object>是通用多媒体嵌入标签，支持多种资源类型但<a style="color:#f60; text-decoration:underline;" title="pdf" href="https://www.php.cn/zt/17779.html" target="_blank">pdf</a>兼容性较差，而<iframe>专用于嵌入独立文档，在现代<a style="color:#f60; text-decoration:underline;" title="浏览器" href="https://www.php.cn/zt/16180.html" target="_blank">浏览器</a>中显示pdf更稳定且支持sandbox增强安全性；2. 确保兼容性的方法包括：提供下载链接作为备用方案、使用pdf.js等javascript库实现跨平台渲染、采用响应式设计适配不同设备、确保服务器正确配置pdf的mime类型；3. 常见问题及解决方案：pdf空白或不显示时需检查文件路径、type属性、浏览器pdf支持能力及服务器mime类型，移动设备兼容性差可通过pdf.js改善，安全风险可通过<iframe>的sandbox属性或csp策略缓解，大文件性能问题可通过优化pdf体积和实现懒加载解决。
在HTML中嵌入PDF文件，通常可以借助
@@@###@@@
</pre>或<pre class="brush:php;toolbar:false;"><object></pre>标签来实现。其中，<pre class="brush:php;toolbar:false;"><object></pre>标签是一个相对通用的选择，它设计之初就是为了嵌入各种多媒体和外部资源，包括PDF文档。</p> <p>在HTML中显示PDF，使用<pre class="brush:php;toolbar:false;"><object></pre>标签是一个经典的办法，它允许你指定要嵌入的PDF文件路径、类型以及显示尺寸。</p> <h3>解决方案</h3> <p>要使用<pre class="brush:php;toolbar:false;"><object></pre>标签嵌入PDF文件，你需要指定PDF文件的URL作为<pre class="brush:php;toolbar:false;">data</pre>属性的值，并设置<pre class="brush:php;toolbar:false;">type</pre>属性为<pre class="brush:php;toolbar:false;">application/pdf</pre>。同时，为确保其在页面上的可见性，通常还需要定义<pre class="brush:php;toolbar:false;">width</pre>和<pre class="brush:php;toolbar:false;">height</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> <p>一个基本的示例如下：</p><pre class='brush:html;toolbar:false;'><object data="path/to/your/document.pdf" type="application/pdf" width="100%" height="600px"> <p>您的浏览器不支持直接嵌入PDF文件。您可以 <a href="path/to/your/document.pdf">点击此处下载PDF文件</a>。</p> </object></pre><p>这段代码尝试在页面中直接渲染PDF。如果用户的浏览器支持<pre class="brush:php;toolbar:false;"><object></pre>标签且内置了PDF阅读器，PDF就会直接显示。如果不支持，或者用户禁用了内置阅读器，那么<pre class="brush:php;toolbar:false;"><object></pre>标签内部的文本内容就会作为备用方案显示出来，引导用户下载文件。这算是对用户体验的一个基本保障吧，毕竟不是所有浏览器都那么“乖巧”地支持所有特性。</p> <h3><pre class="brush:php;toolbar:false;"><iframe></pre>与<pre class="brush:php;toolbar:false;"><object></pre>标签在嵌入PDF时的主要区别是什么？</h3> <p>说起在网页里塞PDF，很多人可能首先想到的是<pre class="brush:php;toolbar:false;"><iframe></pre>，因为它确实更常用，也更“省心”。那么，它和我们今天聊的<pre class="brush:php;toolbar:false;"><object></pre>到底有啥不一样呢？</p> <p>从设计哲学上看，<pre class="brush:php;toolbar:false;"><object></pre>标签更像是一个通用的容器，它不仅仅能放PDF，还能嵌入Flash、Java Applet，甚至图片、音频视频等各种“对象”。它提供了一种更抽象的方式来嵌入外部资源，并且允许你为这些资源定义参数。但实际使用中，尤其是在处理PDF时，<pre class="brush:php;toolbar:false;"><object></pre>的兼容性表现有时候会有点“脾气”，不同浏览器对它的支持程度和渲染效果可能差异较大，甚至有些浏览器会完全忽略它，或者要求用户安装特定的插件。这就有点像你精心准备了一个多功能<a style="color:#f60; text-decoration:underline;" title="工具" href="https://www.php.cn/zt/16887.html" target="_blank">工具</a>箱，结果发现有些工具在某些地方根本用不了。</p> <p>而<pre class="brush:php;toolbar:false;"><iframe></pre>，它的设计目的就更专一了：在当前HTML文档中嵌入另一个独立的HTML文档。但因为它能加载任何URL，自然也包括了PDF文件。当浏览器遇到一个指向PDF的<pre class="brush:php;toolbar:false;"><iframe></pre>时，它会尝试使用自己的内置PDF阅读器（如果支持的话）或者外部插件来显示PDF。在实践中，<pre class="brush:php;toolbar:false;"><iframe></pre>在嵌入PDF时的表现往往比<pre class="brush:php;toolbar:false;"><object></pre>更稳定、更一致，尤其是在现代浏览器中。它就像一个“黑盒子”，你把PDF的链接扔进去，它就想办法给你显示出来，至于怎么显示，它自己会搞定。</p> <p>从安全性角度看，<pre class="brush:php;toolbar:false;"><iframe></pre>可以通过<pre class="brush:php;toolbar:false;">sandbox</pre>属性提供更强的隔离性，限制嵌入内容的能力，比如禁止脚本执行、<a style="color:#f60; text-decoration:underline;" title="表单提交" href="https://www.php.cn/zt/39720.html" target="_blank">表单提交</a>等，这在嵌入来自不可信源的内容时非常有用。<pre class="brush:php;toolbar:false;"><object></pre>虽然也有一些安全相关的参数，但通常不如<pre class="brush:php;toolbar:false;"><iframe></pre>的<pre class="brush:php;toolbar:false;">sandbox</pre>属性那么强大和灵活。所以，如果你的目标只是简单、可靠地显示一个PDF，并且对兼容性有较高要求，<pre class="brush:php;toolbar:false;"><iframe></pre>往往是更稳妥的选择。但如果你需要一个更通用的嵌入方案，或者需要与嵌入内容进行更深层次的交互（比如控制Flash动画），那<pre class="brush:php;toolbar:false;"><object></pre>可能更符合其原始设计意图。不过，对于PDF来说，这种深层次交互的需求并不常见。</p> <h3>嵌入PDF文件时，如何确保不同浏览器和设备上的兼容性？</h3> <p>这简直是老大难问题了，尤其是在移动设备上。你以为在桌面浏览器上能跑得好好的东西，到了手机上可能就直接“罢工”了。要解决这个问题，我觉得得从几个层面去考虑：</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/ai/2461" title="Z Code"><img src="https://img.php.cn/upload/ai_manual/001/246/273/176689199810815.png" alt="Z Code"></a> <div class="aritcle_card_info flexColumn"> <a href="/ai/2461" title="Z Code">Z Code</a> <p>智谱AI推出的轻量级AI代码编辑器</p> </div> <a href="/ai/2461" title="Z Code" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <p>首先，<strong>提供备用方案是底线</strong>。无论你用<pre class="brush:php;toolbar:false;"><object></pre>还是<pre class="brush:php;toolbar:false;"><iframe></pre>，总会有那么些浏览器或者设备不支持直接内嵌PDF。所以，在标签内部提供一个下载链接（就像我们上面例子里那样），让用户至少能把PDF下载下来看，这是最基本也最有效的兼容性策略。别指望所有人都安装了PDF阅读器插件，或者浏览器都内置了强大的PDF渲染能力。</p> <p>其次，<strong>考虑使用JavaScript库</strong>。如果你对PDF的显示效果有更高的要求，或者希望在各种设备上都能有统一的、高质量的阅读体验，那么像PDF.js这样的JavaScript库就是你的救星。PDF.js是Mozilla开发的，它能利用HTML5的Canvas元素在浏览器中渲染PDF，这意味着即使浏览器没有内置PDF阅读器，甚至在移动设备上，它也能把PDF内容“画”出来。当然，引入这样的库会增加页面的加载时间和复杂性，但它带来的兼容性和体验提升是显而易见的。这就像你给一个老房子加装了现代化的供暖系统，虽然前期投入大点，但冬天就舒服多了。</p> <p>再者，<strong>响应式设计也很重要</strong>。你嵌入PDF的容器，也就是<pre class="brush:php;toolbar:false;"><iframe></pre>或<pre class="brush:php;toolbar:false;"><object></pre>本身，应该能够适应不同屏幕尺寸。使用百分比宽度（<pre class="brush:php;toolbar:false;">width="100%"</pre>）和相对高度（比如<pre class="brush:php;toolbar:false;">height="600px"</pre>或根据内容动态调整），或者结合CSS媒体查询来调整PDF容器的大小，确保它在小屏幕上不会溢出或者显示不全。</p> <p>最后，<strong>注意PDF文件本身</strong>。有时候问题不在于HTML标签，而在于PDF文件本身。比如文件过大、损坏，或者使用了某些不常见的PDF特性，都可能导致显示问题。确保PDF文件本身是标准的、优化过的，也能减少很多不必要的麻烦。</p> <p>总的来说，没有一个“一劳永逸”的方案能完美解决所有兼容性问题。更多时候，这是一种组合拳：提供下载、考虑JS库、做好响应式，以及确保源文件没毛病。</p> <h3>嵌入PDF文件时可能遇到哪些常见问题及其解决方案？</h3> <p>在实际操作中，嵌入PDF文件总会遇到一些让人头疼的小状况，它们可能不致命，但足以影响用户体验。</p> <p>一个很常见的场景是：<strong>PDF显示为空白，或者干脆不显示</strong>。这可能是最让人抓狂的了，页面上一个大大的空白区域，用户根本不知道发生了什么。遇到这种情况，我通常会先检查几个地方：</p> <ol> <li> <strong>文件路径是否正确？</strong> 这是最基础的，但也是最容易犯错的。路径写错了，浏览器自然找不到文件。</li> <li> <strong><pre class="brush:php;toolbar:false;">type</pre>属性是否设置为<pre class="brush:php;toolbar:false;">application/pdf</pre>？</strong> 如果类型不对，浏览器可能不知道如何处理这个“对象”。</li> <li> <strong>浏览器是否有内置PDF阅读器？</strong> 有些老旧浏览器或者某些配置下，可能就没有这个能力。这时候，你的备用下载链接就显得尤为重要了。</li> <li> <strong>服务器的MIME类型配置</strong>。确保你的服务器为PDF文件提供了正确的<pre class="brush:php;toolbar:false;">Content-Type: application/pdf</pre>响应头。如果服务器返回的MIME类型不正确，浏览器也可能无法正确识别和渲染。</li> </ol> <p>另一个问题是：<strong>移动设备上的兼容性差</strong>。前面也提到了，手机和平板<a style="color:#f60; text-decoration:underline;" title="电脑" href="https://www.php.cn/zt/16237.html" target="_blank">电脑</a>通常没有桌面浏览器那么强大的PDF渲染能力。解决方案前面也讲了，<strong>提供下载链接</strong>是必须的。如果想追求更好的体验，<strong>引入PDF.js</strong>这样的库是个不错的选择。它能在各种现代浏览器和移动设备上提供相对一致的PDF渲染效果，虽然会增加一些JS和CSS的加载量，但用户体验的提升是值得的。</p> <p>再来就是<strong>安全性顾虑</strong>。如果你嵌入的PDF文件来自不可信的来源，或者担心PDF中可能包含恶意脚本，那么就需要考虑安全性了。对于<pre class="brush:php;toolbar:false;"><iframe></pre>标签，使用<pre class="brush:php;toolbar:false;">sandbox</pre>属性是一个非常有效的安全措施，它可以限制嵌入内容的能力，比如禁止脚本执行、表单提交等。虽然这会牺牲一些功能，但在安全性面前，这些牺牲往往是值得的。对于<pre class="brush:php;toolbar:false;"><object></pre>，虽然没有直接对应的<pre class="brush:php;toolbar:false;">sandbox</pre>属性，但你仍然需要确保PDF来源可靠，并且服务器配置了合适的<pre class="brush:php;toolbar:false;">Content-Security-Policy</pre> (CSP) 来防止潜在的跨站脚本攻击。</p> <p>最后，<strong>性能问题</strong>。如果你的PDF文件很大，直接嵌入可能会导致页面加载缓慢，影响用户体验。对此，可以考虑<strong>优化PDF文件大小</strong>，移除不必要的图片、字体等。对于<pre class="brush:php;toolbar:false;"><iframe></pre>，可以尝试实现<strong>懒加载（lazy loading）</strong>，只有当用户滚动到PDF区域时才加载PDF内容，这能有效提升页面初始加载速度。</p> <p>这些问题，说到底都是围绕着“让PDF在网页里好好显示”这个核心目标展开的。没有银弹，只有根据具体场景，灵活运用不同的策略和技术。</p> <embed></embed> </div> <div class="artmoreart "> <div class="artdp artptit"><span></span> <p>相关文章</p> </div> <div class="artmores flexColumn"> <a class="artmrlis flexRow" href="/faq/1893410.html" title="html5能否插入带时间轴的文档_html5时间轴文档嵌入与动画效果【攻略】"><b></b> <p class="overflowclass">html5能否插入带时间轴的文档_html5时间轴文档嵌入与动画效果【攻略】</p> </a> <a class="artmrlis flexRow" href="/faq/1892923.html" title="html5怎样插入本地文档_html5本地文档插入方法与路径设置【教程】"><b></b> <p class="overflowclass">html5怎样插入本地文档_html5本地文档插入方法与路径设置【教程】</p> </a> <a class="artmrlis flexRow" href="/faq/1890588.html" title="html5能否插入带水印的文档_html5水印文档嵌入与透明度设置【实操】"><b></b> <p class="overflowclass">html5能否插入带水印的文档_html5水印文档嵌入与透明度设置【实操】</p> </a> <a class="artmrlis flexRow" href="/faq/1887677.html" title="html5内嵌怎么写_HT5用iframe或object标签内嵌外部页面或媒体【内嵌】"><b></b> <p class="overflowclass">html5内嵌怎么写_HT5用iframe或object标签内嵌外部页面或媒体【内嵌】</p> </a> <a class="artmrlis flexRow" href="/faq/1883816.html" title="html5怎么插入文档_HT5用object或iframe嵌入PDF/Word文档显示【插入】"><b></b> <p class="overflowclass">html5怎么插入文档_HT5用object或iframe嵌入PDF/Word文档显示【插入】</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/17779.html" target="_blank">pdf</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/15716.html" target="_blank">css</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="/zt/16887.html" target="_blank">工具</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/27988.html" target="_blank">区别</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/39720.html" target="_blank">表单提交</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=Java" target="_blank">Java</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=html5" target="_blank">html5</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=Object" target="_blank">Object</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=canvas" target="_blank">canvas</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=iframe" target="_blank">iframe</a> </div> </div> <p class="statement">本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</p> <div class="lastanext flexRow"> <a class="lastart flexRow" href="/faq/1441573.html" title="HTML中的表单提交按钮怎么做？ 提交按钮创建步骤"><span>上一篇：</span>HTML中的表单提交按钮怎么做？ 提交按钮创建步骤</a> <a class="nextart flexRow" href="/faq/1441627.html" title="HTML如何实现图片放大？点击查看大图怎么实现？"><span>下一篇：</span>HTML如何实现图片放大？点击查看大图怎么实现？</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/1900732.html" title="XLink是什么 XML中的超链接实现方法"><b></b> <p class="overflowclass">XLink是什么 XML中的超链接实现方法</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 13:39</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1900742.html" title="XSLT怎么处理没有命名空间的XML"><b></b> <p class="overflowclass">XSLT怎么处理没有命名空间的XML</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 13:40</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1900750.html" title="Excel绝对值公式是什么_Excel绝对值公式语法解析"><b></b> <p class="overflowclass">Excel绝对值公式是什么_Excel绝对值公式语法解析</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 13:41</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1900756.html" title="c# list 去重的方法"><b></b> <p class="overflowclass">c# list 去重的方法</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 13:43</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1900766.html" title="C# XmlSchemaSet怎么用 编译和缓存XSD"><b></b> <p class="overflowclass">C# XmlSchemaSet怎么用 编译和缓存XSD</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 13:45</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1900788.html" title="电脑声音突然没了，右下角小喇叭显示一个红叉。"><b></b> <p class="overflowclass">电脑声音突然没了，右下角小喇叭显示一个红叉。</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 13:50</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1900815.html" title="抖音怎么屏蔽福袋弹窗 抖音直播间关闭福袋显示方法【设置】"><b></b> <p class="overflowclass">抖音怎么屏蔽福袋弹窗 抖音直播间关闭福袋显示方法【设置】</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 13:56</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1900830.html" title="360云盘网页版快速入口 官方账号登录入口"><b></b> <p class="overflowclass">360云盘网页版快速入口 官方账号登录入口</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 14:00</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1900866.html" title="抖音直播福袋怎么设置 抖音发福袋详细步骤"><b></b> <p class="overflowclass">抖音直播福袋怎么设置 抖音发福袋详细步骤</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 14:07</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1900875.html" title="Avalonia怎么创建一个UserControl Avalonia用户控件使用教程"><b></b> <p class="overflowclass">Avalonia怎么创建一个UserControl Avalonia用户控件使用教程</p> </a> <div class="authtime flexRow"><b></b> <p>2025-12-27 14:10</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/java" class="aClass flexRow hotzta" title="java"><img src="https://img.php.cn/upload/subject/202306/15/2023061516554728875.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/java" class="aClass flexRow hotztra overflowclass" title="java">java</a> <p class="aClass flexRow hotztrp overflowclass">Java是一个通用术语，用于表示Java软件及其组件，包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容，供大家免费下载使用。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">779</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.06.15</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javazzbds" class="aClass flexRow hotzta" title="java正则表达式语法"><img src="https://img.php.cn/upload/subject/202307/05/2023070515225313388.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java正则表达式语法" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javazzbds" class="aClass flexRow hotztra overflowclass" title="java正则表达式语法">java正则表达式语法</a> <p class="aClass flexRow hotztrp overflowclass">java正则表达式语法是一种模式匹配工具，它非常有用，可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题，供大家免费下载体验。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">722</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.07.05</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javazxnm" class="aClass flexRow hotzta" title="java自学难吗"><img src="https://img.php.cn/upload/subject/202307/31/2023073113530059930.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java自学难吗" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javazxnm" class="aClass flexRow hotztra overflowclass" title="java自学难吗">java自学难吗</a> <p class="aClass flexRow hotztrp overflowclass">Java自学并不难。Java语言相对于其他一些编程语言而言，有着较为简洁和易读的语法，本专题为大家提供java自学难吗相关的文章，大家可以免费体验。</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.31</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javapzjdkhjbl" class="aClass flexRow hotzta" title="java配置jdk环境变量"><img src="https://img.php.cn/upload/subject/202308/01/2023080110221833162.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java配置jdk环境变量" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javapzjdkhjbl" class="aClass flexRow hotztra overflowclass" title="java配置jdk环境变量">java配置jdk环境变量</a> <p class="aClass flexRow hotztrp overflowclass">Java是一种广泛使用的高级编程语言，用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码，需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">394</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.01</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javabllwxsd" class="aClass flexRow hotzta" title="java保留两位小数"><img src="https://img.php.cn/upload/subject/202308/02/2023080211185213584.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java保留两位小数" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javabllwxsd" class="aClass flexRow hotztra overflowclass" title="java保留两位小数">java保留两位小数</a> <p class="aClass flexRow hotztrp overflowclass">Java是一种广泛应用于编程领域的高级编程语言。在Java中，保留两位小数是指在进行数值计算或输出时，限制小数部分只有两位有效数字，并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">398</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.02</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javajbsj" class="aClass flexRow hotzta" title="java基本数据类型"><img src="https://img.php.cn/upload/subject/202308/02/2023080214201163038.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java基本数据类型" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javajbsj" class="aClass flexRow hotztra overflowclass" title="java基本数据类型">java基本数据类型</a> <p class="aClass flexRow hotztrp overflowclass">java基本数据类型有：1、byte；2、short；3、int；4、long；5、float；6、double；7、char；8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容，供大家免费下载体验。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">443</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.02</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javaysm" class="aClass flexRow hotzta" title="java有什么用"><img src="https://img.php.cn/upload/subject/202308/02/2023080215391782115.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java有什么用" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javaysm" class="aClass flexRow hotztra overflowclass" title="java有什么用">java有什么用</a> <p class="aClass flexRow hotztrp overflowclass">java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容，供大家免费下载体验。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">428</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.02</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javazxwz" class="aClass flexRow hotzta" title="java在线网站"><img src="https://img.php.cn/upload/subject/202308/03/2023080311132935431.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java在线网站" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javazxwz" class="aClass flexRow hotztra overflowclass" title="java在线网站">java在线网站</a> <p class="aClass flexRow hotztrp overflowclass">Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来，随着Java语言在软件开发领域的广泛应用，越来越多的人对Java编程感兴趣，并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章，欢迎大家前来学习阅读和下载。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">16840</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.03</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/elsssyqyandrk" class="aClass flexRow hotzta" title="俄罗斯搜索引擎Yandex最新官方入口网址"><img src="https://img.php.cn/upload/subject/202512/29/2025122916444163528.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="俄罗斯搜索引擎Yandex最新官方入口网址" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/elsssyqyandrk" class="aClass flexRow hotztra overflowclass" title="俄罗斯搜索引擎Yandex最新官方入口网址">俄罗斯搜索引擎Yandex最新官方入口网址</a> <p class="aClass flexRow hotztrp overflowclass">Yandex官方入口网址是https://yandex.com；用户可通过网页端直连或移动端浏览器直接访问，无需登录即可使用搜索、图片、新闻、地图等全部基础功能，并支持多语种检索与静态资源精准筛选。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">1</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2025.12.29</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="css3日历风格登陆框" href="/xiazai/js/8153"><span>[表单按钮]</span><span>css3日历风格登陆框</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="纯js模拟弹框提示美化插件" href="/xiazai/js/8152"><span>[窗口特效]</span><span>纯js模拟弹框提示美化插件</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="CSS3文字标题动画效果代码" href="/xiazai/js/8151"><span>[文字特效]</span><span>CSS3文字标题动画效果代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="科技感的产品功能介绍tab切换特效" href="/xiazai/js/8150"><span>[选项卡TAB]</span><span>科技感的产品功能介绍tab切换特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery曲线图片循环展示" href="/xiazai/js/8149"><span>[图片特效]</span><span>jQuery曲线图片循环展示</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="js中英文切换图标导航菜单" href="/xiazai/js/8148"><span>[菜单导航]</span><span>js中英文切换图标导航菜单</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jquery动态禁用label标签" href="/xiazai/js/8147"><span>[表单按钮]</span><span>jquery动态禁用label标签</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="简单的垂直时间轴React实例" href="/xiazai/js/8146"><span>[窗口特效]</span><span>简单的垂直时间轴React实例</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="CSS3 SVG霓虹灯文字特效" href="/xiazai/js/8145"><span>[文字特效]</span><span>CSS3 SVG霓虹灯文字特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="React垂直手风琴收缩展示特效" href="/xiazai/js/8144"><span>[选项卡TAB]</span><span>React垂直手风琴收缩展示特效</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/4136" title="2026新年创意剪影海报矢量素材"><span>[网站素材]</span><span>2026新年创意剪影海报矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4135" title="极简线条女子美容护肤矢量素材"><span>[网站素材]</span><span>极简线条女子美容护肤矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4134" title="2026年日历表设计源文件下载"><span>[网站素材]</span><span>2026年日历表设计源文件下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4133" title="欧式复古西餐厅菜单设计矢量"><span>[网站素材]</span><span>欧式复古西餐厅菜单设计矢量</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4132" title="绘画艺术活动折扣票券设计下载"><span>[网站素材]</span><span>绘画艺术活动折扣票券设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4131" title="国潮复古肌理灯笼矢量素材"><span>[网站素材]</span><span>国潮复古肌理灯笼矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4130" title="手绘户外山林露营海报矢量模板"><span>[网站素材]</span><span>手绘户外山林露营海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4129" 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/4128" title="复古假日鸡尾酒菜单矢量模板"><span>[网站素材]</span><span>复古假日鸡尾酒菜单矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4127" title="时尚耳饰宣传海报PSD素材下载"><span>[网站素材]</span><span>时尚耳饰宣传海报PSD素材下载</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/1531.html" title="成为PHP架构师-自制PHP框架"> <img src="https://img.php.cn/upload/course/000/000/068/642e648dec95f970.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="成为PHP架构师-自制PHP框架" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1531.html" title="成为PHP架构师-自制PHP框架" class="rirightp overflowclass">成为PHP架构师-自制PHP框架</a> <div class="risrdown flexRow"> <p>共28课时 | 2.3万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1673.html" title="Bootstrap 5教程"> <img src="https://img.php.cn/upload/course/000/000/090/6899a24dcdf73781.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Bootstrap 5教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1673.html" title="Bootstrap 5教程" class="rirightp overflowclass">Bootstrap 5教程</a> <div class="risrdown flexRow"> <p>共46课时 | 2.7万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1672.html" title="AngularJS教程"> <img src="https://img.php.cn/upload/course/000/000/090/68998d18b4142615.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="AngularJS教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1672.html" title="AngularJS教程" class="rirightp overflowclass">AngularJS教程</a> <div class="risrdown flexRow"> <p>共24课时 | 2.1万人学习</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.6万人学习</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="CSS 中使用 inset 属性实现文本水平垂直居中详解" href="/faq/1905410.html">CSS 中使用 inset 属性实现文本水平垂直居中详解</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何仅用纯 CSS 实现移动端导航菜单的点击展开（无 JavaScript）" href="/faq/1905390.html">如何仅用纯 CSS 实现移动端导航菜单的点击展开（无 JavaScript）</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何修复浏览器窗口缩放导致的图片缩放功能错位问题" href="/faq/1905364.html">如何修复浏览器窗口缩放导致的图片缩放功能错位问题</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何批量移动或复制多个 div（或 li）元素到另一个容器中" href="/faq/1905350.html">如何批量移动或复制多个 div（或 li）元素到另一个容器中</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何通过网页URL上传图片并使用OCR提取文本（支持本地文件与远程图片双模式）" href="/faq/1905334.html">如何通过网页URL上传图片并使用OCR提取文本（支持本地文件与远程图片双模式）</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何正确设置 SVG 和 img 元素的 alt 属性以通过无障碍校验" href="/faq/1905278.html">如何正确设置 SVG 和 img 元素的 alt 属性以通过无障碍校验</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML 输入框强制匹配指定国家区号与数字格式的正则验证与自动格式化方案" href="/faq/1905266.html">HTML 输入框强制匹配指定国家区号与数字格式的正则验证与自动格式化方案</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在标签内禁用图标区域的输入聚焦行为" href="/faq/1905222.html">如何在标签内禁用图标区域的输入聚焦行为</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何实现输入框内数字可编辑、单位文本静态显示且不可选中" href="/faq/1905152.html">如何实现输入框内数字可编辑、单位文本静态显示且不可选中</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在 ASP.NET Core 中为每个循环项动态绑定唯一删除对话框 ID" href="/faq/1905138.html">如何在 ASP.NET Core 中为每个循环项动态绑定唯一删除对话框 ID</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-2025 <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=1441587&time=1767000906"> </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1767000906"></script> <script> article_status = "1221864"; </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>
