首页 > 其他分享 >js问候-早上好、中午好、晚上好

js问候-早上好、中午好、晚上好

时间:2024-10-05 16:10:59浏览次数:9  
标签:文件 hour global 早上好 js 问候 else hello

要在帝国CMS中实现头部问候语功能,可以通过以下几个步骤完成:

  1. 创建 global.js 文件
  2. 在页面中引入 global.js 文件
  3. 调用 hello 函数

步骤详解

1. 创建 global.js 文件

  1. 新建 global.js 文件

    • 在网站根目录下新建一个名为 global.js 的文件。
    • 将以下代码复制到 global.js 文件中:
    // 头部问候语
    function hello() {
        var today = new Date();
        var hour = today.getHours();
        var hello;
    
        if (hour < 6) {
            hello = '凌晨好,';
        } else if (hour < 9) {
            hello = '早上好,';
        } else if (hour < 12) {
            hello = '上午好,';
        } else if (hour < 14) {
            hello = '中午好,';
        } else if (hour < 17) {
            hello = '下午好,';
        } else if (hour < 19) {
            hello = '傍晚好,';
        } else if (hour < 22) {
            hello = '晚上好,';
        } else {
            hello = '夜深了,';
        }
    
        document.write(' ' + hello);
    }

2. 在页面中引入 global.js 文件

  1. 在 <head> 标签中引入 global.js 文件

    • 在页面的 <head> 标签中添加以下代码:
    html   <script type="text/javascript" src="[!--news.url--]global.js"></script>

    其中 [!--news.url--] 是帝国CMS的变量,用于获取当前网站的 URL。

标签:文件,hour,global,早上好,js,问候,else,hello
From: https://www.cnblogs.com/hwrex/p/18447948

相关文章

  • NodeJS阅读分享系统-计算机毕业设计源码65669
    基于微信小程序的阅读分享系统的设计与实现摘 要随着移动互联网的快速发展和普及,微信小程序作为一种轻量级、便捷的应用形式,受到了广泛关注和应用。在大学生群体中,阅读和分享是重要的学习和交流方式,因此开发一款基于Node.js的微信小程序阅读分享系统具有重要意义。通过该系......
  • 在Js中匿名函数的几种写法
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><......
  • 基于json数据格式实现的简单数据库——jsonDB
    //基于json数据格式实现的简单数据库——jsonDB//https://www.cnblogs.com/cynchanpin/p/7068151.html//已在github上建立项目:https://github.com/ThinkerCodeChina/jsonDB/**+-----------------------------------------*jsonDB基于json数据格式构建的数据模型+--......
  • Nuxt.js 应用中的 app:mounted 钩子详解
    title:Nuxt.js应用中的app:mounted钩子详解date:2024/10/5updated:2024/10/5author:cmdragonexcerpt:app:mounted钩子在Vue应用的生命周期中扮演着重要角色,提供了在组件被挂载后的执行时机。通过合理利用这个钩子,我们能够提高组件的交互性、用户体验以及性能优化......
  • CSP-JS多省分数线分析!复赛如何准备?(附复赛流程视频)
    截止目前已经有多个省份CSP-JS的分数线已经出了,很多省份比去年提升了不少,像河南等地都提升了20多分,不过也有一些省份,天津比去年提升分数却不是很多。还有很多省份分数线没出,各位家长想要预估是否能够晋级的,以下是已出分数线省份表格统计:目前已出分数线省份省份入门组......
  • Vue Javascript 导出Excel:SheetJS/js-xlsx json_to_sheet xlsx 修改表头名称和展示的
     import*asXLSXfrom'xlsx';//展示的顺序,把data中对象的属性按照你想要的顺序排放就可以了,constheader=["pId","dID"]//展示的名称constheaderDisplay={pId:"项编号",dID:"D编号"};//将表头放剑原始数据里面去,要保证表头在数......
  • 基于Node.js+vue个人博客系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展和普及,个人博客作为一种重要的网络日志形式,已经成为许多人分享生活感悟、技术心得、艺术创作的平台。个人博客不仅能够记录个人的......
  • Nuxt.js 应用中的 app:beforeMount 钩子详解
    title:Nuxt.js应用中的app:beforeMount钩子详解date:2024/10/4updated:2024/10/4author:cmdragonexcerpt:app:beforeMount是一个强大的钩子,允许开发者在用户界面挂载前控制应用的初始化过程。通过有效利用这一钩子,我们可以优化应用的用户体验,保持状态一致性并高效......
  • 22.响应式网络推广建站公司网页 Web前端网页制作 大学生期末大作业 html+css+js
     目录 一、前言 二、网页文件 三、网页效果四、代码展示1.HTML2.CSS3.JS 五、更多推荐一、前言 本实例应用html+css+js,响应式布局,可以根据不同的设备屏幕大小自动调整页面布局,手机等移动设备自适应界面,提高用户体验;支持包括IE、Firefox、Chrome、Safari等主......
  • js学习1
    js实现简单交互js的外联引入必须在body里&&你需要交互的元素下方e.g.<body><divid="box">演示1</div><scriptsrc="./演示1.js"></script></body>实现点击交互样例1<!DOCTYPEhtml><htmllang="ch">&......