js输出内容

<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> a { text-decoration: none; color: black; }

    li {
        list-style: none;
    }
</style>

</head> <body> <script>

    var news = [
        {
            imgUrl: "",
            time: "1680566300",
            title: "古都、文字、武术、美食……河南发布研学旅游精品线路",
            url: "https://www.henan100.com/news/2023/1145476.shtml"
        },
        {
            imgUrl: "",
            time: "1680566288",
            title: "预制菜产业“尖子生”河南下一步会多出彩?统筹肖海丽陈朋冲执行大河报·豫视频记者侯冰玉",
            url: "https://www.henan100.com/news/2023/1145479.shtml"
        },
        {
            imgUrl: "",
            time: "1680566275",
            title: "我省将开展“祭英烈、爱国防”全民国防教育活动",
            url: "https://www.henan100.com/news/2023/1145497.shtml"
        }
    ];
    // 作业1 输出数据 数据中包含a标签 href为=url内容对应是title中的内容
    // (主要是循环+字符串的拼接)  a标签中最多显示20个字符 ，超过二十个字符多余显示...，否则不处理
    //将时间戳转为 时间的格式 年月日 时分秒的格式

    for (var i = 0; i < news.length; i++) {
        var date1 = new Date(Number(news[i].time * 1000));
        Y = date1.getFullYear() + '-';
        M = (date1.getMonth() + 1 < 10 ? '0' + (date1.getMonth() + 1) : date1.getMonth() + 1) + '-';
        D = date1.getDate() < 10 ? '0' + (date1.getDate() + ' ') : date1.getDate() + ' ';
        h = date1.getHours() < 10 ? '0' + (date1.getHours() + ':') : date1.getHours() + ':';
        m = date1.getMinutes() + ':';
        s = date1.getSeconds();
        document.write(Y + M + D + h + m + s);
        if (news[i].title.length > 20) {
            document.write("<li><a href=" + news[i].url + ">" + news[i].title.substr(0, 20) + "..." + "</a></li>");
        } else {
            document.write(news[i].title)
        }
    }
</script>

</body>

posted on 2023-04-05 15:30 hqingxiang 阅读(18) 评论(0) 编辑收藏举报

js输出内容

搜索

常用链接

随笔分类

随笔档案

阅读排行榜