vue获取当前url,Vue获取当前URL的新标题

2024-04-15 482

vue获取当前url,Vue获取当前URL的新标题

Vue是一种流行的前端开发框架,它能够帮助开发者构建现代化的、高效的Web应用程序。在Vue中,获取当前URL是一个常见的需求,因为它可以帮助我们实现一些特定的功能,比如根据URL的不同展示不同的内容或者进行页面跳转。介绍如何使用Vue来获取当前URL,并且将重点放在如何使用获取到的URL来改变页面的标题上。

我们需要在Vue组件中获取当前URL。Vue提供了一个内置的$route对象,它包含了当前路由的信息,包括URL。我们可以通过访问$route对象的path属性来获取当前URL。具体的代码如下:

```javascript

export default {

mounted() {

const currentURL = this.$route.path;

console.log(currentURL);

}

上面的代码中,我们在组件的mounted生命周期钩子函数中获取了当前URL,并将其打印到了控制台中。你可以根据自己的需求来使用获取到的URL。

接下来,我们将重点放在如何使用获取到的URL来改变页面的标题上。在Vue中,我们可以通过修改页面的``标签来改变页面的标题。为了实现这个功能,我们可以使用Vue提供的`document.title`属性。具体的代码如下:</p> <p>```javascript</p> <p>export default {</p> <p> mounted() {</p> <p> const currentURL = this.$route.path;</p> <p> document.title = `当前URL:${currentURL}`;</p> <p> }</code></pre> <p>上面的代码中,我们将获取到的URL拼接到了一个字符串中,并将其赋值给`document.title`属性。这样,页面的标题就会被改变为当前URL。你可以根据自己的需求来修改这个字符串,比如添加一些描述性的词汇或者奇特的概念,以吸引读者的注意力。</p> <p>通过使用Vue获取当前URL并改变页面的标题,我们可以实现一些有趣的功能。比如,在一个博客网站中,我们可以根据不同的URL展示不同的,并将每篇的标题作为页面的标题。这样,读者就可以通过页面的标题来了解当前正在浏览的是什么。这种方式不仅能够提高用户体验,还能够增加搜索引擎的可见度,吸引更多的读者。</p> <p>通过使用Vue获取当前URL并改变页面的标题,我们可以实现一些有趣的功能,提高用户体验并吸引更多的读者。希望对你有所帮助!</p> <p><a decoding="async" href="https://i1.nzw6.com/915TtKuYUsc0DUs.jpg" data-fancybox="images" data-fancybox="gallery"><img decoding="async" src="https://i1.nzw6.com/915TtKuYUsc0DUs.jpg" alt="Image"></a></p> <blockquote style="font-size:13px; color:#666; border-left:4px solid #ccc; padding-left:10px; margin:15px 0;"><p>(www.nzw6.com)</p></blockquote> <div class='yarpp yarpp-related yarpp-related-website yarpp-template-list'> <!-- YARPP List --> <h3>相关推荐:</h3><ol> <li><a href="https://www.nzw6.com/10995.html" rel="bookmark" title="vue获取时间、vue获取时间日期代码">vue获取时间、vue获取时间日期代码</a> <small>Vue是一款流行的JavaScript框架,可以用于开发现代化的Web应用程序。在Vue中,我们可以轻松地获取 […]...</small></li> <li><a href="https://www.nzw6.com/10369.html" rel="bookmark" title="vue组件间传值(Vue组件间传值探索)">vue组件间传值(Vue组件间传值探索)</a> <small>Vue组件间传值是Vue.js框架中非常重要的一个特性,它允许我们在不同的组件之间传递数据和信息,实现组件之间 […]...</small></li> <li><a href="https://www.nzw6.com/12335.html" rel="bookmark" title="vue获取当前路由-Vue获取当前路由的新标题">vue获取当前路由-Vue获取当前路由的新标题</a> <small>Vue是一种用于构建用户界面的JavaScript框架,而Vue路由是Vue框架的一个插件,用于管理应用程序的 […]...</small></li> <li><a href="https://www.nzw6.com/8286.html" rel="bookmark" title="node.js获得当前路径(获取当前路径的新标题:路径之旅)">node.js获得当前路径(获取当前路径的新标题:路径之旅)</a> <small>Node.js是一种基于Chrome V8引擎的JavaScript运行环境,广泛应用于服务器端开发。在Nod […]...</small></li> <li><a href="https://www.nzw6.com/15159.html" rel="bookmark" title="vue路由传参、Vue路由传参精简指南">vue路由传参、Vue路由传参精简指南</a> <small>vue路由传参、Vue路由传参精简指南 作为一名Vue开发者,你可能已经熟悉了Vue Router,这是Vue […]...</small></li> <li><a href="https://www.nzw6.com/6352.html" rel="bookmark" title="linux如何静默安装oracle,教程详解">linux如何静默安装oracle,教程详解</a> <small>linux如何静默安装oracle,教程详解 Web服务器上的Linux一般没有图形界面。所有通过图形界面安装 […]...</small></li> <li><a href="https://www.nzw6.com/15819.html" rel="bookmark" title="vue 获取子元素-vue ref获取子元素">vue 获取子元素-vue ref获取子元素</a> <small>vue 获取子元素-vue ref获取子元素 Vue是一种流行的JavaScript框架,用于构建用户界面。它 […]...</small></li> <li><a href="https://www.nzw6.com/7106.html" rel="bookmark" title="Linux环境变量设置指南">Linux环境变量设置指南</a> <small>1. 引言 在Linux系统中,环境变量是非常重要的配置信息,可以影响系统和应用程序的行为。通过设置环境变量, […]...</small></li> <li><a href="https://www.nzw6.com/5826.html" rel="bookmark" title="vue中router与route有什么区别">vue中router与route有什么区别</a> <small>1.router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构 […]...</small></li> <li><a href="https://www.nzw6.com/7351.html" rel="bookmark" title="php获取当前url(使用PHP获取当前URL的新标题)">php获取当前url(使用PHP获取当前URL的新标题)</a> <small>在网站开发中,经常会遇到需要获取当前URL的情况,比如需要根据当前URL来动态生成页面标题、面包屑导航等。而在 […]...</small></li> </ol> </div> </article> <!--文章内容模块--> <div class="single-foot ceo-text-center ceo-padding-an" id="single-anniu"> <!-- --> <a href="javascript:;" data-action="topTop" data-id="16845" class="ceo-display-inline-block btn change-color dotGood "> <i class="ceofont ceoicon-thumb-up-line"></i> 点赞 (<span class="count">0</span>) </a> </div> <!--版权--> <div class="single-cop"> <div class="ceo-alert-banquan b-r-4" ceo-alert> <p class="ceo-margin-remove-bottom ceo-margin-small-top ceo-margin-bottom-20">1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!cheeksyu@vip.qq.com</br> 2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!</br> 3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!</br> 4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励和额外收入!</br> <span style="color:#E53333;font-size:14px">5.严禁将资源用于任何违法犯罪行为,</span><span style="font-size:14px;color:#E53333">不得违反国家法律,否则责任自负,一切法律责任与本站无关</span></p> </div> </div> </div> <!--内页底部广告位--> <!--内页底部广告位--> <!--常见问题--> <!--相关文章--> <!--猜你喜欢--> <!--评论模块--> <div id="comments" class="comments b-a b-r-6 ceo-background-default ceo-margin-bottom"> <div class="comments-title module-title b-b ceo-flex ceo-flex-middle"> <span class="ceo-flex-1 ceo-position-relative"><i class="ceofont ceoicon-discuss-line"></i> 发表评论</span> <div class=""> <small class="ceo-text-small ceo-text-muted">暂无评论</small> </div> </div> <div class="comment-list"> <div id="respond" class="ceo-flex comment-from"> <div class="avatar ceo-margin-right"> <img alt='' src='//www.nzw6.com/wp-content/themes/ceomax-pro/static/images/avatar.png' srcset='//www.nzw6.com/wp-content/themes/ceomax-pro/static/images/avatar.png 2x' class='avatar avatar-46 photo avatar-default' height='46' width='46' decoding='async'/> </div> <form action="https://www.nzw6.com/wp-comments-post.php" method="post" class="ceo-form ceo-width-1-1 post-comment"> <textarea name="comment" id="comment" rows="3" class="b-r-4 ceo-textarea ceo-width-1-1 ceo-text-small ceo-margin-bottom" readonly="readonly" placeholder="请登录后发布评论..." disabled></textarea> <a href="#modal-login" class="ceo-button change-color btn b-r-4" ceo-toggle>登录后评论</a> </form> </div> <!-- 评论已关闭 --> </div> </div> <!--联系官方--> </div> </div> <div class="ceo-side-lie-y ceo-width-expand sidebar-column"> <div class="sidebar"> <div style="margin-top: 5px; margin-bottom: 5px;"> <script type="text/javascript" src="//yun.nzw6.cn/common/m/h/static/gpgn/w_wp.js"></script> </div><section class="side-art b-a b-r-4 ceo-background-default ceo-margin-bottom"> <div class="b-b ceo-padding-small ceo-clearfix ceo-flex ceo-flex-middle"> <span class="side-title side-title-style ceo-h5 ceo-float-left ceo-margin-remove ceo-position-relative">源码下载 <i class="ceofont ceoicon-download-cloud-line"></i></span> </div> <ul class="ceo-list ceo-padding-remove ceo-overflow-auto ceo-sidebar-wenzhang"> <li class="ceo-margin-remove-top"> <div class="b-b ceo-padding-small"> <div ceo-grid class="ceo-grid-small"> <div class="ceo-width-1-3"> <a href="https://www.nzw6.com/3120.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden"> <img data-src="https://www.nzw6.com/wp-content/themes/ceomax-pro/timthumb.php?src=https://i1.nzw6.com/2022/08/2022080807235777.jpg&h=380&w=380&zc=1&a=t&q=100&s=1" alt="自适应移动端响应式营销型环保设备科技类网站pbootcms模板 绿色环保材料网站源码下载" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/images/thumb-ing.gif" class="lazyload" > </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c"> <div class="ceo-card"> <a href="https://www.nzw6.com/3120.html" target="_blank" class="ceo-display-block ceo-text-truncate" style="white-space: pre-wrap;overflow-wrap: break-word;line-height: 24px;">自适应移动端响应式营销型环保设备科技类网站pbootcms模板 绿色环保材料网站源码下载</a> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top"> <div class="b-b ceo-padding-small"> <div ceo-grid class="ceo-grid-small"> <div class="ceo-width-1-3"> <a href="https://www.nzw6.com/949.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden"> <img data-src="https://www.nzw6.com/wp-content/themes/ceomax-pro/timthumb.php?src=https://i1.nzw6.com/2022/05/2022050508183193.jpg&h=380&w=380&zc=1&a=t&q=100&s=1" alt="PHP超简洁小猫咪图床源码/带7个图床接口" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/images/thumb-ing.gif" class="lazyload" > </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c"> <div class="ceo-card"> <a href="https://www.nzw6.com/949.html" target="_blank" class="ceo-display-block ceo-text-truncate" style="white-space: pre-wrap;overflow-wrap: break-word;line-height: 24px;">PHP超简洁小猫咪图床源码/带7个图床接口</a> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top"> <div class="b-b ceo-padding-small"> <div ceo-grid class="ceo-grid-small"> <div class="ceo-width-1-3"> <a href="https://www.nzw6.com/4704.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden"> <img data-src="https://www.nzw6.com/wp-content/themes/ceomax-pro/timthumb.php?src=https://i1.nzw6.com/2022/11/20221108094536380.jpg&h=380&w=380&zc=1&a=t&q=100&s=1" alt="房屋建造建筑工程自适应手机端网站模板 房地产建材行业网站源码下载" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/images/thumb-ing.gif" class="lazyload" > </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c"> <div class="ceo-card"> <a href="https://www.nzw6.com/4704.html" target="_blank" class="ceo-display-block ceo-text-truncate" style="white-space: pre-wrap;overflow-wrap: break-word;line-height: 24px;">房屋建造建筑工程自适应手机端网站模板 房地产建材行业网站源码下载</a> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top"> <div class="b-b ceo-padding-small"> <div ceo-grid class="ceo-grid-small"> <div class="ceo-width-1-3"> <a href="https://www.nzw6.com/1000.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden"> <img data-src="https://www.nzw6.com/wp-content/themes/ceomax-pro/timthumb.php?src=https://i1.nzw6.com/2022/05/202205060134416.jpg&h=380&w=380&zc=1&a=t&q=100&s=1" alt="Z-BlogPHP主题/名扬图文博客主题模板商业版" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/images/thumb-ing.gif" class="lazyload" > </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c"> <div class="ceo-card"> <a href="https://www.nzw6.com/1000.html" target="_blank" class="ceo-display-block ceo-text-truncate" style="white-space: pre-wrap;overflow-wrap: break-word;line-height: 24px;">Z-BlogPHP主题/名扬图文博客主题模板商业版</a> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top"> <div class="b-b ceo-padding-small"> <div ceo-grid class="ceo-grid-small"> <div class="ceo-width-1-3"> <a href="https://www.nzw6.com/4517.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden"> <img data-src="https://www.nzw6.com/wp-content/themes/ceomax-pro/timthumb.php?src=https://i1.nzw6.com/2022/10/20221020094503648.jpg&h=380&w=380&zc=1&a=t&q=100&s=1" alt="园林景观类网站自适应手机端模板 园林建筑设计网站源码下载" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/images/thumb-ing.gif" class="lazyload" > </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c"> <div class="ceo-card"> <a href="https://www.nzw6.com/4517.html" target="_blank" class="ceo-display-block ceo-text-truncate" style="white-space: pre-wrap;overflow-wrap: break-word;line-height: 24px;">园林景观类网站自适应手机端模板 园林建筑设计网站源码下载</a> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top"> <div class="b-b ceo-padding-small"> <div ceo-grid class="ceo-grid-small"> <div class="ceo-width-1-3"> <a href="https://www.nzw6.com/991.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden"> <img data-src="https://www.nzw6.com/wp-content/themes/ceomax-pro/timthumb.php?src=https://i1.nzw6.com/2022/05/2022050510575248.jpg&h=380&w=380&zc=1&a=t&q=100&s=1" alt="新款海报生成器网站源码" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/images/thumb-ing.gif" class="lazyload" > </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c"> <div class="ceo-card"> <a href="https://www.nzw6.com/991.html" target="_blank" class="ceo-display-block ceo-text-truncate" style="white-space: pre-wrap;overflow-wrap: break-word;line-height: 24px;">新款海报生成器网站源码</a> </div> </div> </div> </div> </li> </ul> </section> <!-- 侧边栏热门文章模块 --> </div> </div> </div> </div> <!--内页专题--> </section> </main> <!--跟随--> <div class="wapnone ceo_follow_service" style="top:52%"> <!--活动按钮--> <!--侧边栏跟随客服----> <ul> <li class="ceo_follow_service_box ceo_follow_service_consult"> <span class="ceo_follow_qq" href="javacript:;"><i class="ceofont ceoicon-qq-fill"></i> <div class="ceo_follow_service_consult_cont"> <span class="ceo_follow_service_triangle"></span> <div class="ceo_follow_service_consult_cont_top"> <span class="ceo_follow_service_hint"> <span><i class="ceo_follow_service_iconlx ceofont ceoicon-discuss-line"></i> 如遇问题,请联系客服 </span> </span> <a class="ceo_follow_service_button" href="https://wpa.qq.com/msgrd?v=3&uin=88525903&site=qq&menu=yes" target="_blank">↓复制QQ添加咨询</a> </div> <span class="ceo_follow_service_phone"> QQ:88525903 </span> <span class="ceo_follow_service_check_site"> <span onclick="window.open('')"> <i class="ceo_follow_service_icongd ceofont ceoicon-vimeo-fill"></i>海量站长资源下载 </span> </span> </div> </span> </li> <li class="ceo_follow_service_box ceo_follow_service_qr ceo_footer_s"> <a href="javacript:;"><i class="ceofont ceoicon-wechat-fill"></i> <div class="ceo_follow_service_qr_cont"> <span class="ceo_follow_service_triangle"></span> <div class="ceo_follow_service_qrimg"> <span class="ceo_follow_service_qrimg_site" style="background: url(https://www.nzw6.com/wp-content/uploads/2022/02/2022022108255839.png)"></span> 微信客服 </div> <div class="ceo_follow_service_qrtext"> <span>工作时间:09:00-22:00</span> </div> </div> </a> </li> <li class="ceo_follow_service_box ceo_follow_service_ax goTop ceo_footer_s"> <a href="#header" class="ceo-display-block" ceo-scroll><i class="ceofont ceoicon-arrow-up-s-line"></i> <div class="ceo_follow_service_ax_cont"> <span class="ceo_follow_service_triangle"></span> <span> 返回顶部 </span> </div> </a> </li> </ul> </div> <!--侧边栏跟随客服----> <div class="ceo-app-gotop gotops ceo-hidden@s" id="gotops"> <a href="#header" class="ceo-display-block" ceo-scroll> <i class="ceofont ceoicon-arrow-up-s-line"></i> </a> </div> <!--Banner--> <!--基础--> <footer class="footer ceo-background-secondary"> <div class="foot ceo-container ceo-padding"> <div class="ceo-grid" ceo-grid> <div class="ceo-width-1-1@s ceo-width-1-3@xl"> <div class="foot-item foot-item-first ceo-position-relative"> <a href="" target="_blank" class="foot-logo ceo-display-block"><img src="https://www.nzw6.com/wp-content/uploads/2022/02/2022022108043621.png"></a> <p class="ceo-text-small">牛站网络(nzw6.com)是一个聚合型互联网资源下载平台,专注为站长、互联网创业者、从业者提供可信赖的网站源码、程序模板、网站插件、素材等资源的下载,并提供各类互联网教程及服务。</p> </div> </div> <div class="ceo-width-2-3 ceo-visible@s"> <div class="ceo-grid" ceo-grid> <div class="ceo-width-1-3"> <div class="foot-item"> <div class="foot-item-title"><i class="ceofont icon-anquan"></i>快捷导航</div> <ul class="ceo-padding-remove"> <li><a href="https://www.nzw6.com/gonggao" target="_blank">社区公告</a></li> <li><a href="https://www.nzw6.com/tougao" target="_blank">资源投稿</a></li> <li><a href="https://www.nzw6.com/vip" target="_blank">开通会员</a></li> <li><a href="https://www.nzw6.com/fuwu" target="_blank">技术服务</a></li> </ul> </div> </div> <div class="ceo-width-1-3"> <div class="foot-item"> <div class="foot-item-title"><i class="ceofont icon-anquan"></i>关于牛站</div> <ul class="ceo-padding-remove"> <li><a href="https://www.nzw6.com/about" target="_blank">关于我们</a></li> <li><a href="https://www.nzw6.com/shenming" target="_blank">免责声明</a></li> <li><a href="https://www.nzw6.com/banquan" target="_blank">版权申明</a></li> <li><a href="https://www.nzw6.com/shouhou" target="_blank">售后服务</a></li> </ul> </div> </div> <div class="ceo-width-1-3"> <div class="foot-item"> <div class="foot-item-title"><i class="ceofont icon-anquan"></i>商务合作</div> <ul class="ceo-padding-remove"> <li><a href="https://www.nzw6.com/ad" target="_blank">投放广告</a></li> <li><a href="https://www.nzw6.com/sitesubmit" target="_blank">申请友链</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="foot-cop"> <div class="ceo-container ceo-padding-small ceo-clearfix"> <div class="ceo-float-left"> <span>© 2020-2025 牛站网络 - www.nzw6.com & 站长资源下载平台. All rights reserved</span> <a class="ceo-margin-small-right" href="/sitemap.xml" target="_blank"><i class="ceofont ceoicon-map-pin-fill" aria-hidden="true"></i> 网站地图</a> <span class="ceo-margin-small-right ceo-gongan"><a href="http://www.beian.gov.cn/" target="_blank" rel="noreferrer nofollow"><img src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/images/ceo-110.png" height="6">闽公网安备 35020602002865号</a></span> <span class="ceo-margin-small-right"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer nofollow">闽ICP备18018384号-7</a></span> </div> <div class="ceo-float-right ceo-visible@s"> </div> </div> </div> <!--登录注册弹窗--> <div id="modal-login" ceo-modal> <div class="ceo-navbar-login ceo-modal-dialog"> <div class="ceo-grid-collapse" ceo-grid> <div class="ceo-width-1-1 ceo-width-1-2@s ceo-visible@s"> <div class="zcontent" style="background-image: url(https://i1.nzw6.com/2023/12/20231225135516220.jpg)"> </div> </div> <div class="ceo-width-1-1 ceo-width-1-2@s"> <div class="ceo-position-relative"> <div class="ycontent ceo-background-default ceo-panel"> <button class="ceo-modal-close-default ceo-modal-close" type="button" ceo-close></button> <div class="ceo-login-title"> <span>账号登录</span> </div> <div class="box"> <div class="zongcai-tips"></div> <form action="" method="POST" id="login-form" class="login-weixin login-form2"> <div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom"> <span class="ceo-form-icon"><i class="ceofont ceoicon-shield-user-line"></i></span> <input type="text" name="username" id="username" class="b-r-4 ceo-input ceo-text-small" placeholder="输入用户名/邮箱" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom"> <span class="ceo-form-icon"><i class="ceofont ceoicon-shield-keyhole-line"></i></span> <input type="password" name="password" id="password" placeholder="请输入密码" class="b-r-4 ceo-input ceo-text-small" value=""> </div> <div class="ceo-flex"> <a href="https://www.nzw6.com/reset-password" class="ceo-text-muted ceo-text-small ceo-flex-1">忘记密码?</a> </div> <div class="ceo-flex-middle ceo-margin-top-20"> <input type="hidden" name="action" value="zongcai_login"> <button class="ceo-login-btn change-color b-r-4 button mid dark ceo-button ceo-width-1-1">立即登录</button> </div> </form> </div> <div class="ceo-login-qq"> <div class="ceo-login-other">第三方账号登录</div> <a href="javascript:;" class="btn change-color social-login ceo-margin-top button mid qq half qq_login_button" ceo-tooltip="QQ登录"><i class="ceofont ceoicon-qq-fill"></i></a> </div> </div> <div class="ceo-login-bottom"> <div class="ceo-flex"> 登录即同意<a href="https://www.nzw6.com/shenming" target="_blank" class="ceo-flex-1">用户协议</a>没有账号? <a href="#modal-register" ceo-toggle>立即注册</a> </div> </div> </div> </div> </div> </div> </div> <div id="modal-register" ceo-modal> <div class="ceo-navbar-login" style="margin: 0 auto"> <div class="ceo-grid-collapse" ceo-grid> <div class="ceo-width-1-1 ceo-width-1-2@s ceo-visible@s"> <div class="zcontent" style="background-image: url(https://i1.nzw6.com/2023/12/20231225135516220.jpg)"> </div> </div> <div class="ceo-width-1-1 ceo-width-1-2@s"> <div class="ceo-position-relative"> <div class="ycontent ceo-background-default ceo-panel"> <button class="ceo-modal-close-default ceo-modal-close" type="button" ceo-close></button> <div class="ceo-login-title"> <span>账号注册</span> </div> <div class="box"> <div class="zongcai-tips"></div> <form class="login-weixin ceo-margin-top-20 register-form2" action="" method="POST" id="register-form"> <div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10"> <span class="ceo-form-icon"><i class="ceofont ceoicon-mail-line"></i></span> <input type="email" name="email_address2" id="email_address2" placeholder="输入邮箱" class="b-r-4 ceo-input ceo-text-small" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10"> <span class="ceo-form-icon"><i class="ceofont ceoicon-shield-user-line"></i></span> <input type="text" name="username2" id="username2" placeholder="输入用户名" class="b-r-4 ceo-input ceo-text-small" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10"> <span class="ceo-form-icon"><i class="ceofont ceoicon-shield-keyhole-line"></i></span> <input type="password" name="password2" id="password2" placeholder="输入6位数以上密码" class="b-r-4 ceo-input ceo-text-small" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10"> <span class="ceo-form-icon"><i class="ceofont ceoicon-shield-keyhole-line"></i></span> <input type="password" name="repeat_password2" id="repeat_password2" placeholder="请再次输入密码" class="b-r-4 ceo-input ceo-text-small" required="required"> </div> <!--<div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom">--> <!-- <div id="captcha">--> <!-- <p id="wait" class="show">正在加载验证码......</p>--> <!-- </div>--> <!--</div>--> <div class="agreen"> <input id="agreement" name="agreen" type="checkbox" class="agreen_btn" required> <label for="agreen"></label> 我已阅读并同意<a href="https://www.nzw6.com/shenming" target="_blank">《注册协议》</a> </div> <div class="ceo-flex ceo-flex-middle"> <input type="hidden" name="action" value="zongcai_register"> <button class="ceo-login-btn submit change-color b-r-4 button mid dark ceo-button ceo-width-1-1">立即注册</button> </div> </form> </div> <div class="ceo-login-qq"> <div class="ceo-login-other">第三方账号登录</div> <a href="javascript:;" class="btn change-color social-login ceo-margin-top button mid qq half qq_login_button" ceo-tooltip="QQ登录"><i class="ceofont ceoicon-qq-fill"></i></a> </div> </div> <div class="ceo-login-bottom"> <div class="ceo-flex"> 登录即同意<a href="https://www.nzw6.com/shenming" target="_blank" class="ceo-flex-1">用户协议</a>已有账号? <a href="#modal-login" ceo-toggle>立即登录</a> </div> </div> </div> </div> </div> </div> </div> <div id="modal-registersms" ceo-modal> <div class="ceo-navbar-login ceo-modal-dialog"> <div class="ceo-grid-collapse" ceo-grid> <div class="ceo-width-1-1 ceo-width-1-2@s ceo-visible@s"> <div class="zcontent" style="background-image: url(https://i1.nzw6.com/2023/12/20231225135516220.jpg)"> </div> </div> <div class="ceo-width-1-1 ceo-width-1-2@s"> <div class="ceo-position-relative"> <div class="ycontent ceo-background-default ceo-panel"> <button class="ceo-modal-close-default ceo-modal-close" type="button" ceo-close></button> <div class="ceo-login-title"> <span>手机登录/注册</span> </div> <div class="box"> <div class="zongcai-tips"></div> <form action="" method="POST" id="login-form" class="login-weixin login-form2 ceo-margin-top-20"> <div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom"> <span class="ceo-form-icon"><i class="ceofont ceoicon-smartphone-line"></i></span> <input type="number" name="user_mobile" id="user_mobile" class="b-r-4 ceo-input ceo-text-small" placeholder="请输入手机号" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom"> <div class="ceo-grid-small" ceo-grid> <div class="ceo-width-3-5"> <span class="ceo-form-icon"><i class="ceofont ceoicon-newspaper-line"></i></span> <input type="text" name="captcha" id="captcha" placeholder="请输入验证码" class="b-r-4 ceo-input ceo-text-small" value=""> </div> <div class="ceo-width-2-5"> <span class="input-group-btn"> <script>var is_sms_login=true</script> <button class="go-captcha_mobile b-r-4 button mid dark ceo-button ceo-button-default ceo-width-1-1" type="button" data-smstype="login" data-nonce="314d28ce8e">发送验证码</button> </span> </div> </div> </div> <div class="ceo-flex"> <a href="#modal-register" class="ceo-text-muted ceo-text-small ceo-flex-1" ceo-toggle>账号注册</a> <a href="#modal-login" class="ceo-text-small registersms" ceo-toggle>账号密码登录</a> </div> <div class="ceo-flex-middle ceo-margin-top"> <input type="hidden" name="action" value="zongcai_login_sms"> <button class="ceo-login-btn change-color b-r-4 button mid dark ceo-button ceo-width-1-1">登录/注册</button> </div> </form> </div> <div class="ceo-login-qq"> <div class="ceo-login-other">第三方账号登录</div> <a href="javascript:;" class="btn change-color social-login ceo-margin-top button mid qq half qq_login_button" ceo-tooltip="QQ登录"><i class="ceofont ceoicon-qq-fill"></i></a> </div> </div> <div class="ceo-login-bottom"> <div class="ceo-flex"> 登录即同意<a href="https://www.nzw6.com/shenming" target="_blank" class="ceo-flex-1">用户协议</a>没有账号? <a href="#modal-register" ceo-toggle>立即注册</a> </div> </div> </div> </div> </div> </div> </div> <script src="/wp-content/themes/ceomax-pro/static/js/gt.js"></script> <script> let captchaResult = false; function is_in_weixin() { return "micromessenger" == navigator.userAgent.toLowerCase().match(/MicroMessenger/i) } $(".login-main .mpweixin_login_button,.login-main .mpweixin_login_button").on("click", function(e) { setTimeout(function (){ UIkit.modal('#modal-login').show(); },500) }); $(document).on("click", ".mpweixin_login_button", function(e) { e.preventDefault(); var t = $(this) , a = t.html(); if (is_in_weixin()) return window.location.href = t.attr("href"), !0; $.post(zongcai.ajaxurl, { action: "get_mpweixin_qr" }, function(e) { if (1 == e.status) { $("#modal-register").find('form').html('<img class="login-weixin-img" src="' + e.ticket_img + '"><p class="login-weixin-p">请使用微信扫码关注登录</p>'); $("#modal-login").find('form').html('<img class="login-weixin-img" src="' + e.ticket_img + '"><p class="login-weixin-p">请使用微信扫码关注登录</p>'); $("#modal-registersms").find('form').html('<img class="login-weixin-img" src="' + e.ticket_img + '"><p class="login-weixin-p">请使用微信扫码关注登录</p>'); var n = setInterval(function() { $.post(zongcai.ajaxurl, { action: "check_mpweixin_qr", scene_id: e.scene_id }, function(e) { 1 == e.status && (clearInterval(n), UIkit.notification('扫码成功,即将登录', { status: 'success' }), window.location.reload()) }) }, 5e3) } else alert(e.ticket_img); t.html(a) }) }); var handler = function (captchaObj) { // captchaResult = captchaObj.getValidate(); // if (!result) { // $("#notice").show(); // setTimeout(function () { // $("#notice").hide(); // }, 2000); // } // 将验证码加到id为captcha的元素里,同时会有三个input的值用于表单提交 captchaObj.appendTo("#captcha"); captchaObj.onReady(function () { $("#wait").hide(); }); }; // $.ajax({ // url: "https://oss.nzw6.com/register?t=" + (new Date()).getTime(), // 加随机数防止缓存 // type: "get", // dataType: "json", // success: function (data) { // initGeetest({ // gt: data.gt, // challenge: data.challenge, // new_captcha: data.new_captcha, // offline: !data.success, // product: "float", // width: "100%" // }, handler); // } // }); </script> <script>var verify_sms_send = 0</script> <script>var verify_ceo_login = 0</script> <!--基础功能弹窗--> </footer> <!--手机端菜单--> <div id="mob-nav" ceo-offcanvas> <div class="ceo-offcanvas-bar ceo-background-default ceo-box-shadow-small ceo-mobnav-box"> <div class="mob-nav"> <div class="ceo-margin-small-bottom ceo-text-center"> <a href="https://www.nzw6.com" class="logo ceo-display-inline-block ceo-margin-bottom"><img src="https://i1.nzw6.com/2022/02/2022022108032469.png"></a> </div> <ul id="menu-%e9%a1%b6%e9%83%a8%e8%8f%9c%e5%8d%95-1" class="nav"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-66"><a href="https://www.nzw6.com/">首页</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-67"><a href="https://www.nzw6.com/yuanma">网站源码</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-41"><a href="https://www.nzw6.com/yuanma/b2b">B2B分类</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-42"><a href="https://www.nzw6.com/yuanma/h5">H5源码</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-43"><a href="https://www.nzw6.com/yuanma/bk">个人博客</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-44"><a href="https://www.nzw6.com/yuanma/qy">企业政府</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-45"><a href="https://www.nzw6.com/yuanma/sc">商城源码</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-46"><a href="https://www.nzw6.com/yuanma/tp">图片源码</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47"><a href="https://www.nzw6.com/yuanma/dh">导航工具</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-48"><a href="https://www.nzw6.com/yuanma/xs">小说文学</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-49"><a href="https://www.nzw6.com/yuanma/wz">文章新闻</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-50"><a href="https://www.nzw6.com/yuanma/xz">软件下载</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-68"><a href="https://www.nzw6.com/moban">网站模板</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-52"><a href="https://www.nzw6.com/moban/pb">企业官网模板</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-54"><a href="https://www.nzw6.com/moban/dy">单页模板</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-56"><a href="https://www.nzw6.com/moban/yy">易优模板</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-53"><a href="https://www.nzw6.com/moban/wp">wordpress主题</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-32256"><a href="https://www.nzw6.com/bootstrapmuban">Bootstrap模板</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1855"><a href="https://www.nzw6.com/moban/pb">pbootcms模板</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55"><a href="https://www.nzw6.com/moban/dg">帝国整站</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-65"><a href="https://www.nzw6.com/chajian">网站插件</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-32257"><a href="https://www.nzw6.com/bootstrapchajian">bootstrap插件</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-69"><a href="https://www.nzw6.com/cms">教程大全</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-59"><a href="https://www.nzw6.com/cms/pbjc">pbootcms教程</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-61"><a href="https://www.nzw6.com/cms/wpjc">wordpress教程</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-62"><a href="https://www.nzw6.com/cms/dgjc">帝国教程</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-64"><a href="https://www.nzw6.com/cms/yyjc">易优cms教程</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-63"><a href="https://www.nzw6.com/cms/jsjc">技术教程</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-60"><a href="https://www.nzw6.com/cms/seo">SEO优化</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1854"><a href="https://www.nzw6.com/vip"><v style="color: #ed6d6d; "><i class="fa fa-vimeo"></i> 开通会员</v></a></li> </ul> </div> </div> </div> </div> <link rel='stylesheet' id='yarppRelatedCss-css' href='https://www.nzw6.com/wp-content/plugins/yet-another-related-posts-plugin/style/related.css' type='text/css' media='all' /> <script type="text/javascript" src="https://www.nzw6.com/wp-content/plugins/Pure-Highlightjs-for-Mac-master/assets/pure-highlight.js" id="pure-highlightjs-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/plugins/Pure-Highlightjs-for-Mac-master/highlight/prism.js" id="Prism-js-js"></script> <script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra"> /* <![CDATA[ */ var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":"","add_self_reference_link":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js" id="ez-toc-scroll-scriptjs-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js" id="ez-toc-js-cookie-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js" id="ez-toc-jquery-sticky-kit-js"></script> <script type="text/javascript" id="ez-toc-js-js-extra"> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","scroll_offset":"30","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #0a0a0a;color:#0a0a0a\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #0a0a0a;color:#0a0a0a\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","chamomile_theme_is_on":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js" id="ez-toc-js-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/ceoshop/assets/js/member.js" id="member-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/ceoshop/assets/js/product.js" id="product-js"></script> <script type="text/javascript" src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/Ladda/1.0.6/spin.min.js" id="spin-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/ceoshop/assets/js/ladda.min.js" id="ladda-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-includes/js/clipboard.min.js" id="clipboard-js"></script> <script type="text/javascript" src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/decimal.js/10.3.1/decimal.min.js" id="decimal-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/js/index.js" id="index-js"></script> <script type="text/javascript" id="ajax-js-extra"> /* <![CDATA[ */ var zongcai = {"ajaxurl":"https:\/\/www.nzw6.com\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/www.nzw6.com\/wp-content\/themes\/ceomax-pro","login_url":"\/user\/login","register_url":"\/user\/register","followed_btn":"\u5df2\u5173\u6ce8","follow_btn":"<i class=\"ceofont ceoicon-add-line\"><\/i>\u5173\u6ce8Ta","webp":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/js/ajax.js" id="ajax-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/plugins/2022051208335312/assets/baidu_push.js" id="wb-baidu-push-js"></script> <script type="text/javascript" src="https://www.nzw6.com/wp-content/themes/ceomax-pro/static/js/js21.js" id="js2021-js"></script> <!-- CeoMax-Pro主题 --> <div id="ceoshop-member-box"></div> <script>var FcdUeP1 = FcdUeP1 || [];(function() { var jdIO2 = window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]["\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74"]("\x73\x63\x72\x69\x70\x74"); jdIO2["\x73\x72\x63"] = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x68\x6d\x2e\x62\x61\x69\x64\x75\x2e\x63\x6f\x6d\x2f\x68\x6d\x2e\x6a\x73\x3f\x39\x37\x37\x37\x33\x64\x38\x38\x62\x64\x38\x38\x61\x38\x63\x34\x37\x36\x64\x34\x36\x38\x39\x65\x33\x37\x62\x34\x37\x37\x61\x38"; var UUXpeMgr3 = window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65"]("\x73\x63\x72\x69\x70\x74")[0]; UUXpeMgr3["\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65"]["\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65"](jdIO2, UUXpeMgr3);})();</script> <script> console.log("\n %c \u603b\u88c1\u4e3b\u9898 V7.0 %c \u0068\u0074\u0074\u0070\u0073\u003a\u002f\u002f\u0077\u0077\u0077\u002e\u0063\u0065\u006f\u0074\u0068\u0065\u006d\u0065\u002e\u0063\u006f\u006d \n\n", "color: #fff; background: #3371f5; padding:5px 0;", "background: #3371f5; padding:5px 0;"); </script> <style> .night .ceo-logo-nav-night{ background: url(https://i1.nzw6.com/2022/02/2022022108043621.png) no-repeat!important; background-size: 150px auto; } .night .ceo-app-logo2{ background: url(https://i1.nzw6.com/2022/02/2022022108043621.png) no-repeat!important; background-size: 92px auto!important; } #canvas { position: absolute; left: 0; top: 0; } </style> </body> </html>