使用JavaScript toLocaleDateString输出日期信息，浏览器窗口无显示

AI 小北

2026-8-15

问题排查与解决

你的代码已经正确生成了格式化后的日期字符串，但没有执行任何将内容渲染到浏览器页面的操作，所以窗口才会是空的。以下是几种可行的解决方法：

方案1：用`document.write()`快速输出（适合简单测试）

直接在代码末尾添加一行，把生成的日期写入页面：

var today = new Date();

var dateOptions = {
    weekday:"long",
    day: "numeric",
    month: "long",
    year: "numeric"
};
var day = today.toLocaleDateString("en-US", dateOptions);
document.write(day); // 新增这行，将日期直接写入页面

方案2：创建DOM元素插入页面（符合前端开发规范）

这种方式不会覆盖页面原有内容，更灵活可控：

var today = new Date();

var dateOptions = {
    weekday:"long",
    day: "numeric",
    month: "long",
    year: "numeric"
};
var day = today.toLocaleDateString("en-US", dateOptions);

// 创建一个段落标签存放日期
var dateElement = document.createElement('p');
dateElement.textContent = day;
// 将元素添加到页面的body区域
document.body.appendChild(dateElement);