embed 函数教程(嵌入函数教程)-路由通

Embed函数作为前端开发中嵌入外部资源的核心工具，其应用场景涵盖多媒体展示、第三方组件集成及动态内容加载等多个领域。从基础语法到跨平台适配，该技术始终围绕资源引用与渲染机制展开。不同平台对embed的实现存在显著差异，例如浏览器原生支持与前端框架封装的冲突、移动端适配的特殊处理等。核心挑战集中在路径解析、类型识别、性能损耗控制及安全沙箱突破等方面。通过对比传统与现代<object>方案，可发现embed在API简洁性与功能完整性间取得平衡，但其参数配置复杂度随跨域需求提升。</p><h3><strong>一、基础语法与核心参数</strong></h3><table border="1"> <thead> <tr> <th>属性</th> <th>作用</th> <th>必填项</th> </tr> </thead> <tbody> <tr> <td>src</td> <td>指定外部资源URL</td> <td>是</td> </tr> <tr> <td>type</td> <td>声明资源MIME类型</td> <td>否（建议）</td> </tr> <tr> <td>width/height</td> <td>定义容器尺寸</td> <td>否（默认自适应）</td> </tr> </tbody></table><p>基础用法需注意三点：1）相对路径需以项目根目录为基准；2）未声明type时浏览器会触发嗅探机制；3）移动端需设置<code>viewport-fit=cover</code>保证全屏显示。</p><h3><strong>二、跨平台差异对比</strong></h3><table border="1"> <thead> <tr> <th>平台</th> <th>特性支持</th> <th>特殊限制</th> </tr> </thead> <tbody> <tr> <td>桌面浏览器</td> <td>完整DOM操作支持</td> <td>跨域资源受限</td> </tr> <tr> <td>微信小程序</td> <td>仅支持特定域名</td> <td>禁止嵌套iframe</td> </tr> <tr> <td>React Native</td> <td>需配合WebView组件</td> <td>无法直接操作DOM</td> </tr> </tbody></table><ul> <li>iOS设备需处理视频自动播放限制</li> <li>Android低版本存在硬件加速兼容问题</li> <li>Electron应用需配置<code>nodeIntegration</code>策略</li></ul><h3><strong>三、性能优化策略</strong></h3><table border="1"> <thead> <tr> <th>优化方向</th> <th>实施手段</th> <th>效果指标</th> </tr> </thead> <tbody> <tr> <td>懒加载</td> <td>监听<code>IntersectionObserver</code></td> <td>首屏加载时间降低40%</td> </tr> <tr> <td>预加载</td> <td><code>rel="preload"</code>声明</td> <td>资源起播延迟减少300ms</td> </tr> <tr> <td>缓存控制</td> <td>设置<code>Cache-Control</code>头</td> <td>重复请求带宽节省65%</td> </tr> </tbody></table><p>关键优化点包含：1）分离主进程与渲染进程资源加载；2）采用WebP/AVIF等现代格式；3）使用<code>requestAnimationFrame</code>同步渲染节奏。</p><h3><strong>四、安全机制与风险防控</strong></h3><table border="1"> <thead> <tr> <th>防护层级</th> <th>实现方式</th> <th>攻击类型</th> </tr> </thead> <tbody> <tr> <td>传输加密</td> <td><code>https://</code>强制协议</td> <td>中间人劫持</td> </tr> <tr> <td>内容过滤</td> <td><code>Content-Security-Policy</code></td> <td>XSS注入攻击</td> </tr> <tr> <td>权限隔离</td> <td><code>sandbox</code>属性配置</td> <td>恶意脚本执行</td> </tr> </tbody></table><p>需特别注意：1）动态构建src时进行URI编码；2）限制<code>allow-scripts</code>权限范围；3）监控<code>onerror</code>事件防止资源劫持。</p><h3><strong>五、响应式布局适配方案</strong></h3><table border="1"> <thead> <tr> <th>适配维度</th> <th>CSS方案</th> <th>媒体查询断点</th> </tr> </thead> <tbody> <tr> <td>尺寸自适应</td> <td><code>max-width:100%</code></td> <td>768px（平板）/480px（手机）</td> </tr> <tr> <td>比例控制</td> <td><code>padding-top:56.25%</code></td> <td>16:9视频容器</td> </tr> <tr> <td>触摸优化</td> <td><code>cursor:pointer</code></td> <td>触控设备优先</td> </tr> </tbody></table><p>进阶技巧包括：1）使用<code>vw/vh</code>单位动态计算；2）结合<code>picture</code>元素实现多分辨率适配；3）通过<code>will-change</code>提示GPU渲染。</p><h3><strong>六、主流框架集成对比</strong></h3><table border="1"> <thead> <tr> <th>框架类型</th> <th>实现方式</th> <th>核心差异</th> </tr> </thead> <tbody> <tr> <td>Vue.js</td> <td><code>v-html</code>指令</td> <td>需手动消毒XSS风险</td> </tr> <tr> <td>React</td> <td><code>dangerouslySetInnerHTML</code></td> <td>破坏虚拟DOM树结构</td> </tr> <tr> <td>Angular</td> <td><code><iframe [src]="url"></code></td> <td>依赖AOT编译验证</td> </tr> </tbody></table><p>选择建议：1）SSR场景优先服务端渲染；2）微前端架构需配置影子DOM；3）严格模式禁用内联JS执行。</p><h3><strong>七、错误处理与调试技巧</strong></h3><table border="1"> <thead> <tr> <th>错误类型</th> <th>诊断方法</th> <th>解决方案</th> </tr> </thead> <tbody> <tr> <td>404错误</td> <td>DevTools Network面板</td> <td>校验资源路径有效性</td> </tr> <tr> <td>CORS拒绝</td> <td>浏览器控制台</td> <td>配置服务器端<code>Access-Control-Allow-Origin</code></td> </tr> <tr> <td>格式不匹配</td> <td>Content-Type响应头</td> <td>修正<code>type</code>属性声明</td> </tr> </tbody></table><p>调试工具推荐：1）Chrome的Embedded Content调试器；2）Firefox的远程调试协议；3）WebView专用调试代理工具。</p><h3><strong>八、前沿技术演进趋势</strong></h3><table border="1"> <thead> <tr> <th>技术方向</th> <th>代表方案</th> <th>应用场景</th> </tr> </thead> <tbody> <tr> <td>Web Components</td> <td><code><web-component></code></td> <td>自定义嵌入式控件库</td> </tr> <tr> <td>Server Push</td> <td><code>Link:<rel=preload></code></td> <td>关键资源预加载优化</td> </tr> <tr> <td>WebAssembly</td> <td><code>.wasm</code>模块嵌入</td> <td>高性能计算任务集成</td> </tr> </tbody></table><p>未来发展方向：1）标准化模块化嵌入规范；2）AI驱动的智能资源调度；3）AR/VR场景的空间化嵌入技术。开发者需关注W3C的Web Embeddings工作组提案进展。 </div> <div class="single-nepr"> <div class="entry-page-prev lazy" style="background-image: url(/cms_2_13/images/dfaa56284fb113d6a739ca7ad2abcb55.jpg)"> <a href='https://nctoro.com/daima/48453.html'>一次函数的图像和性质ppt(一次函数图象性质PPT)</a> <div class="entry-page-info"><span class="pull-left">« 上一篇</span></div> </div> <div class="entry-page-next lazy" style="background-image: url(/cms_2_13/images/9641d8b2028f231414866a89e7076279.jpg)"> <a href='https://nctoro.com/daima/48455.html'>excel多项式函数(Excel多项式拟合)</a> <div class="entry-page-info"><span class="pull-right">下一篇 »</span></div> </div> </div> <div class="block-wrap single-relative"> <h2 class="block-title"> 更多相关文章 </h2> <div class="post-list"> <div class="post-item"> <div class="post-item-cover"> <a class="post-item-img" href="https://nctoro.com/daima/134.html" title="无敌弹窗整人VBS代码"><img class="hover-scale" src="/d/file/p/2025/05-01/698843fd284ee241dd29cdb438c5e165.jpg" alt="无敌弹窗整人VBS代码"></a> <ul class="post-categories"> <li><a href="https://nctoro.com/daima/" target="_blank"> </a></li> </ul> </div> <a href="https://nctoro.com/daima/134.html" class="post-item-title" title="无敌弹窗整人VBS代码"> <h3> 无敌弹窗整人VBS代码 </h3> </a> <div class="post-item-footer"> <div class="tag-wrap"> <a href="/" title="admin" class="c1" target="_blank"> admin </a> </div> <div class="post-item-meta">2013-02-07</div> </div> <p class="post-item-summary"> WScript.Echo("嘿，谢谢你打开我哦，我等你很久拉！"TSName)WScript.Echo("以下对话纯属虚构")WScript.Echo("你是可爱的***童...以下是几种实现“无敌弹窗”效果的VBS整人代码方案及实现原理：基础无限弹窗无限循环弹窗，无法通过常规方式关闭，必... </p> </div> <div class="post-item"> <div class="post-item-cover"> <a class="post-item-img" href="https://nctoro.com/daima/136.html" title="终极多功能修复工具(bat)"><img class="hover-scale" src="/d/file/p/2025/05-01/f9f86229e931f09c932ff558a8fe4af3.jpg" alt="终极多功能修复工具(bat)"></a> <ul class="post-categories"> <li><a href="https://nctoro.com/daima/" target="_blank"> </a></li> </ul> </div> <a href="https://nctoro.com/daima/136.html" class="post-item-title" title="终极多功能修复工具(bat)"> <h3> 终极多功能修复工具(bat) </h3> </a> <div class="post-item-footer"> <div class="tag-wrap"> <a href="/" title="admin" class="c1" target="_blank"> admin </a> </div> <div class="post-item-meta">2013-02-07</div> </div> <p class="post-item-summary"> 终极多功能修复工具纯绿色，可以修复IE问题，上网问题，批处理整理磁盘，自动优化系统，自动优化系统等，其他功能你可以自己了解。复制一下代码保存为***.bat,也可以直接下载附件。注意个别杀毒软件会... </p> </div> <div class="post-item"> <div class="post-item-cover"> <a class="post-item-img" href="https://nctoro.com/daima/151.html" title="电脑硬件检测代码"><img class="hover-scale" src="/d/file/p/2025/05-01/0fa94bff3ff85923cc464648c544cbe8.jpg" alt="电脑硬件检测代码"></a> <ul class="post-categories"> <li><a href="https://nctoro.com/daima/" target="_blank"> </a></li> </ul> </div> <a href="https://nctoro.com/daima/151.html" class="post-item-title" title="电脑硬件检测代码"> <h3> 电脑硬件检测代码 </h3> </a> <div class="post-item-footer"> <div class="tag-wrap"> <a href="/" title="admin" class="c1" target="_blank"> admin </a> </div> <div class="post-item-meta">2013-03-05</div> </div> <p class="post-item-summary"> 特征码推荐组合‌ ‌稳定项‌：DMI UUID（主板）、硬盘序列号、CPU序列号、BIOS序列号 ‌实现方式‌： DMI/BIOS序列号：通过WMI接口获取，硬盘序列号：调用底层API， CPU序列号：需汇编指令直接读取，Linux系统检测（以Ubuntu为例），使用 dmidecode 命令获取... </p> </div> <div class="post-item"> <div class="post-item-cover"> <a class="post-item-img" href="https://nctoro.com/daima/171.html" title="BAT的关机/重启代码"><img class="hover-scale" src="/d/file/p/2025/05-01/acd688b1040d2cb17f7dd742c6476616.jpg" alt="BAT的关机/重启代码"></a> <ul class="post-categories"> <li><a href="https://nctoro.com/daima/" target="_blank"> </a></li> </ul> </div> <a href="https://nctoro.com/daima/171.html" class="post-item-title" title="BAT的关机/重启代码"> <h3> BAT的关机/重启代码 </h3> </a> <div class="post-item-footer"> <div class="tag-wrap"> <a href="/" title="admin" class="c1" target="_blank"> admin </a> </div> <div class="post-item-meta">2013-03-21</div> </div> <p class="post-item-summary"> @ECHO Off, et VON=fal e if %VON%==fal e et VON=true if ...通过上述代码，可灵活实现关机、重启、休眠等操作，无需依赖第三方软件。强制关闭程序‌：添加-f参数可强制终止未响应程序（如 hutdown - -f -t 0）。 </p> </div> <div class="post-item"> <div class="post-item-cover"> <a class="post-item-img" href="https://nctoro.com/daima/177.html" title="激活WIN7进入无限重启"><img class="hover-scale" src="/d/file/p/2025/05-01/5a276bdb32d2c5e9c3ef4eec4e6c8d30.jpg" alt="激活WIN7进入无限重启"></a> <ul class="post-categories"> <li><a href="https://nctoro.com/daima/" target="_blank"> </a></li> </ul> </div> <a href="https://nctoro.com/daima/177.html" class="post-item-title" title="激活WIN7进入无限重启"> <h3> 激活WIN7进入无限重启 </h3> </a> <div class="post-item-footer"> <div class="tag-wrap"> <a href="/" title="admin" class="c1" target="_blank"> admin </a> </div> <div class="post-item-meta">2013-03-28</div> </div> <p class="post-item-summary"> 我们以华硕电脑为例,其他有隐藏分区的电脑都可以用下吗方法解决。运行PCSKYS_Window 7Loader_v3.27激活软件前，一定要先做以下工作，不然会白装系统！！！！会出现从隐藏分区引导，并不断重启的现象。无限循环window i loading file ... </p> </div> <div class="post-item"> <div class="post-item-cover"> <a class="post-item-img" href="https://nctoro.com/daima/184.html" title="修复win7下exe不能运行的注册表代码"><img class="hover-scale" src="/d/file/p/2025/05-01/99a7a5afe614ebbb93721b604db9b76b.jpg" alt="修复win7下exe不能运行的注册表代码"></a> <ul class="post-categories"> <li><a href="https://nctoro.com/daima/" target="_blank"> </a></li> </ul> </div> <a href="https://nctoro.com/daima/184.html" class="post-item-title" title="修复win7下exe不能运行的注册表代码"> <h3> 修复win7下exe不能运行的注册表代码 </h3> </a> <div class="post-item-footer"> <div class="tag-wrap"> <a href="/" title="admin" class="c1" target="_blank"> admin </a> </div> <div class="post-item-meta">2013-03-29</div> </div> <p class="post-item-summary"> 新建文本文档，将上述代码完整复制粘贴到文档中；保存文件时选择“所有文件”类型，文件名设为修复EXE关联.reg（注意后缀必须是.reg）；双击运行该注册表文件并确认导入；重启系统使修改生效。‌辅助修复方案（可选）‌若无法直接运行.reg文件，可尝试以下方法：将C:\Window \regedit... </p> </div> </div> </div> <div class="comments"> <div class="postcomm block-wrap" id="divCommentPost"> <h2 class="block-title"> 发表评论 </h2> <form id="saypl" target="_self" method="post" name="saypl" action="/e/pl/pladd.php"> <input name="classid" type="hidden" id="classid" value="4"> <input name="id" type="hidden" id="id" value="6"> <input name="enews" type="hidden" id="enews" value="AddPl"> <input name="repid" type="hidden" id="repid" value="0"> <input type="hidden" name="ecmsfrom" value="https://nctoro.com/daima/48454.html"> <input name="password" type="hidden" class="inputText" id="password" value="" size="16"> <input name="nomember" type="hidden" id="nomember" value="1" checked="checked"> <input name="article_id" type="hidden" id="article_id" value="48454"> <input name="article_url" type="hidden" id="article_url" value="https://nctoro.com/daima/"> <div class="comment-box comment-ul3"> <input type="text" name="username" id="inpName" class="text" value="" tabindex="1" placeholder="称呼(*)"> </div> <div class="comment-box comment-ul3 comment-ul3-2"> <input type="text" name="inpEmail" id="inpEmail" class="text" value="" tabindex="2" placeholder="邮箱"> </div> <div class="comment-box comment-textarea"> <textarea name="saytext" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea> </div> <div class="comment-box comment-verify"> <input type="text" name="key" id="inpVerify" class="text" value="" tabindex="5" placeholder="验证码"> <img src="/e/ShowKey/?v=pl" class="verifyimg" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='/e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新"> </div> <input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"> </form> </div> <div id="commentList"> </div> </div> </div> </div> <div class="aside"> <div id="asideurl"> <div class="block-wrap"> <h2 class="block-title">资源链接<i class="mcico mico-right"></i></h2> <a href="https://nctoro.com/192-168-1-1/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 192.168.1.1 </div> </a> <a href="https://nctoro.com/luyou/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 路由器设置 </div> </a> <a href="https://nctoro.com/Lightcat/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 路由器光猫 </div> </a> <a href="https://nctoro.com/lybk/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 路由器百科 </div> </a> <a href="https://nctoro.com/zhonghe/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 综合分类 </div> </a> <a href="https://nctoro.com/daima/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 零散代码 </div> </a> <a href="https://nctoro.com/download/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 下载 </div> </a> <a href="https://nctoro.com/gujian/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 192.168.0.1 </div> </a> <a href="https://nctoro.com/192-168-2-1/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 192.168.2.1 </div> </a> <a href="https://nctoro.com/miwifi/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 小米(MIWiFi) </div> </a> <a href="https://nctoro.com/gongnue/" class="side-btn" target="_blank" rel="nofollow"><i class="mcico mico-int"></i> <div class="side-btn-text"> 软件攻略 </div> </a> </div> </div> <div id="directory"></div> <div class="block-wrap" id="side-top-dxt"> <h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2> <div class="mcdas"> <a href="https://nctoro.com/daima/215.html" class="photo-item" target="_blank"><img src="/d/file/p/2025/05-01/8d6f591684d75d26568b8fb94e88b610.jpg" alt="自己制作免安装版的Radmin3.4（无期限、可隐藏图标、可自动加密码帐号）" class="photo-item-img hover-scale"> <div class="photo-item-inner"> <h3 class="photo-item-title"> 自己制作免安装版的Radmin3.4（无期限、可隐藏图标、可自动加密码帐号） </h3> </div> </a> <a href="https://nctoro.com/daima/136.html" class="photo-item" target="_blank"><img src="/d/file/p/2025/05-01/f9f86229e931f09c932ff558a8fe4af3.jpg" alt="终极多功能修复工具(bat)" class="photo-item-img hover-scale"> <div class="photo-item-inner"> <h3 class="photo-item-title"> 终极多功能修复工具(bat) </h3> </div> </a> <a href="https://nctoro.com/daima/202.html" class="photo-item" target="_blank"><img src="/d/file/p/2025/05-01/51a58a467b57d79440f7c91437b6db0f.jpg" alt="闲置小U盘变身最强大路由器" class="photo-item-img hover-scale"> <div class="photo-item-inner"> <h3 class="photo-item-title"> 闲置小U盘变身最强大路由器 </h3> </div> </a> <a href="https://nctoro.com/daima/255.html" class="photo-item" target="_blank"><img src="/d/file/p/2025/05-01/cd8282c034a6eb364cc7804d3db511a5.jpg" alt="不用任何软件删除垃圾文件" class="photo-item-img hover-scale"> <div class="photo-item-inner"> <h3 class="photo-item-title"> 不用任何软件删除垃圾文件 </h3> </div> </a> <a href="https://nctoro.com/daima/288.html" class="photo-item" target="_blank"><img src="/d/file/p/2025/05-01/ec4f0242d95109688de00a1fd1cbb967.jpg" alt="利用批处理检测端口，出现异常重启服务器" class="photo-item-img hover-scale"> <div class="photo-item-inner"> <h3 class="photo-item-title"> 利用批处理检测端口，出现异常重启服务器 </h3> </div> </a> </div> </div> <div class="block-wrap" id="side-top-ll"> <h2 class="block-title">路由通推荐<i class="mcico mico-right"></i></h2> <div class="mcdas"> <a href="https://nctoro.com/daima/65758.html" class="fonts-item" title="傅里叶变化vba(傅氏变换VBA)"> <img src="/uploads/366b77aed42ea2c333f69d823d0b5122.jpeg" alt="傅里叶变化vba(傅氏变换VBA)" class="fonts-item-img hover-scale" width="143" height="143"> </a> <a href="https://nctoro.com/daima/2253.html" class="fonts-item" title="自动取值函数怎么用(自动取值函数用法)"> <img src="" alt="自动取值函数怎么用(自动取值函数用法)" class="fonts-item-img hover-scale" width="143" height="143"> </a> <a href="https://nctoro.com/daima/2257.html" class="fonts-item" title="函数身份证号计算性别(身份证性别判定)"> <img src="" alt="函数身份证号计算性别(身份证性别判定)" class="fonts-item-img hover-scale" width="143" height="143"> </a> <a href="https://nctoro.com/daima/2260.html" class="fonts-item" title="讨论函数连续性过程(函数连续性分析)"> <img src="" alt="讨论函数连续性过程(函数连续性分析)" class="fonts-item-img hover-scale" width="143" height="143"> </a> <a href="https://nctoro.com/daima/2261.html" class="fonts-item" title="任意三角函数值的求法(三角函数通解)"> <img src="/uploads/4202e533646f5f9c2b1ca139b2914655.png" alt="任意三角函数值的求法(三角函数通解)" class="fonts-item-img hover-scale" width="143" height="143"> </a> <a href="https://nctoro.com/daima/2273.html" class="fonts-item" title="excel表格求和函数怎么用(Excel求和函数用法)"> <img src="/uploads/6606b8750a5477ca4ed37c9737a9ac25.png" alt="excel表格求和函数怎么用(Excel求和函数用法)" class="fonts-item-img hover-scale" width="143" height="143"> </a> </div> </div> <div class="block-wrap" id="side-hot-cmt-item"> <h2 class="block-title">热门文章<i class="mcico mico-right"></i></h2> <ul> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/65758.html" target="_blank"><img src="/uploads/366b77aed42ea2c333f69d823d0b5122.jpeg" alt="傅里叶变化vba(傅氏变换VBA)" class="hover-scale"></a></div> <div class="list-content"><a title="傅里叶变化vba(傅氏变换VBA)" target="_blank" href="https://nctoro.com/daima/65758.html"> <h3> 傅里叶变化vba(傅氏变换VBA) </h3> </a><span class="post-date">2025-05-05</span></div> </li> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/2253.html" target="_blank"><img src="" alt="自动取值函数怎么用(自动取值函数用法)" class="hover-scale"></a></div> <div class="list-content"><a title="自动取值函数怎么用(自动取值函数用法)" target="_blank" href="https://nctoro.com/daima/2253.html"> <h3> 自动取值函数怎么用(自动取值函数用法) </h3> </a><span class="post-date">2025-05-01</span></div> </li> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/2257.html" target="_blank"><img src="" alt="函数身份证号计算性别(身份证性别判定)" class="hover-scale"></a></div> <div class="list-content"><a title="函数身份证号计算性别(身份证性别判定)" target="_blank" href="https://nctoro.com/daima/2257.html"> <h3> 函数身份证号计算性别(身份证性别判定) </h3> </a><span class="post-date">2025-05-01</span></div> </li> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/2260.html" target="_blank"><img src="" alt="讨论函数连续性过程(函数连续性分析)" class="hover-scale"></a></div> <div class="list-content"><a title="讨论函数连续性过程(函数连续性分析)" target="_blank" href="https://nctoro.com/daima/2260.html"> <h3> 讨论函数连续性过程(函数连续性分析) </h3> </a><span class="post-date">2025-05-01</span></div> </li> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/2261.html" target="_blank"><img src="/uploads/4202e533646f5f9c2b1ca139b2914655.png" alt="任意三角函数值的求法(三角函数通解)" class="hover-scale"></a></div> <div class="list-content"><a title="任意三角函数值的求法(三角函数通解)" target="_blank" href="https://nctoro.com/daima/2261.html"> <h3> 任意三角函数值的求法(三角函数通解) </h3> </a><span class="post-date">2025-05-01</span></div> </li> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/2273.html" target="_blank"><img src="/uploads/6606b8750a5477ca4ed37c9737a9ac25.png" alt="excel表格求和函数怎么用(Excel求和函数用法)" class="hover-scale"></a></div> <div class="list-content"><a title="excel表格求和函数怎么用(Excel求和函数用法)" target="_blank" href="https://nctoro.com/daima/2273.html"> <h3> excel表格求和函数怎么用(Excel求和函数用法) </h3> </a><span class="post-date">2025-05-01</span></div> </li> </ul> </div> <div class="block-wrap" id="side-hot-view-item"> <h2 class="block-title">最新文章<i class="mcico mico-right"></i></h2> <ul> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/71964.html" target="_blank"><img src="/uploads/5d4bc1c597e4d5f043748ec11f4af1e6.png" alt="inv函数是什么意思(inv函数含义)" class="hover-scale"></a></div> <div class="list-content"><a title="inv函数是什么意思(inv函数含义)" target="_blank" href="https://nctoro.com/daima/71964.html"> <h3> inv函数是什么意思(inv函数含义) </h3> </a><span class="post-date">2025-05-05</span></div> </li> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/71962.html" target="_blank"><img src="/uploads/366b77aed42ea2c333f69d823d0b5122.jpeg" alt="excel分段函数使用(Excel分段公式)" class="hover-scale"></a></div> <div class="list-content"><a title="excel分段函数使用(Excel分段公式)" target="_blank" href="https://nctoro.com/daima/71962.html"> <h3> excel分段函数使用(Excel分段公式) </h3> </a><span class="post-date">2025-05-05</span></div> </li> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/71961.html" target="_blank"><img src="/uploads/4e62ce8439ee565db6386b09c008bc57.jpg" alt="linux函数(Linux系统调用)" class="hover-scale"></a></div> <div class="list-content"><a title="linux函数(Linux系统调用)" target="_blank" href="https://nctoro.com/daima/71961.html"> <h3> linux函数(Linux系统调用) </h3> </a><span class="post-date">2025-05-05</span></div> </li> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/71957.html" target="_blank"><img src="/uploads/c615dba0a233655d80c079d7d6d180a0.jpeg" alt="初中三角函数口诀(三角函数速记口诀)" class="hover-scale"></a></div> <div class="list-content"><a title="初中三角函数口诀(三角函数速记口诀)" target="_blank" href="https://nctoro.com/daima/71957.html"> <h3> 初中三角函数口诀(三角函数速记口诀) </h3> </a><span class="post-date">2025-05-05</span></div> </li> <li class="mclas"> <div class="list-img"><a href="https://nctoro.com/daima/71951.html" target="_blank"><img src="/uploads/b6e71a4cebdcf96dab88c7e356017934.png" alt="类组件和函数组件区别(类与函数组件差异)" class="hover-scale"></a></div> <div class="list-content"><a title="类组件和函数组件区别(类与函数组件差异)" target="_blank" href="https://nctoro.com/daima/71951.html"> <h3> 类组件和函数组件区别(类与函数组件差异) </h3> </a><span class="post-date">2025-05-05</span></div> </li> </ul> </div> </div> </div> <div class="footer"> Copyright © 2014-2025 nctoro.com <br class="footer-br" /> <a href="/" target="_blank">Powered By 路由通</a> <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备14000043号-1</a> </div> <script src="https://nctoro.com/cms_2_13/js/custom.js"></script> <script> layui.use('layer', function () { var layer = layui.layer; $('#saypl').submit(function (e) { e.preventDefault(); if (!validateForm()) { return; } console.log($(this), '$(this)'); var formData = $(this).serialize(); console.log(formData, 'formData'); $.ajax({ type: 'POST', url: '/e/pl/pladd.php', data: formData, dataType: 'json', success: function (response) { if (response.success) { $('#commentList').html(response.newComment); layer.msg('评论提交成功', { icon: 1 }); } else { layer.msg('评论提交失败', { icon: 5 }); } }, error: function () { layer.msg('评论提交失败', { icon: 5 }); } }); }); function validateForm() { var username = document.getElementById('inpName').value; var saytext = document.getElementById('txaArticle').value; var key = document.getElementById('inpVerify').value; var email = document.getElementById('inpEmail').value; const emailRegex = /^[^s@]+@[^s@]+.[^s@]+$/; // saytext = removeATagsWithDOM(saytext); // 过滤涉黄词语 var dirtyWords = ['色情', '黄色', '淫秽']; // 可根据实际情况添加更多涉黄词语 for (var i = 0; i < dirtyWords.length; i++) { var regex = new RegExp(dirtyWords[i], 'gi'); saytext = saytext.replace(regex, '***'); } if (username == '') { layer.msg('称呼不能为空', { icon: 5 }); return false; } if (saytext == '') { layer.msg('评论内容不能为空', { icon: 5 }); return false; } if (key == '') { layer.msg('验证码不能为空', { icon: 5 }); return false; } if (!emailRegex.test(email) && email == '') { layer.msg('请输入有效的邮箱地址', { icon: 5 }); return false; } return true; } }); </script> </body> </html>