管理系统（CMS）中，有时需要根据内容的存在与否来显示或隐藏某些元素，来源”或者“作者”信息，这可以通过编写适当的代码来实现，以下是一个基于HTML和JavaScript的简单示例，用于在没有内容时隐藏“来源”或“作者”信息。

### 实现逻辑

1. **HTML结构**：创建一个基本的HTML结构，包含一个内容区域和两个信息区域（来源和作者）。

2. **CSS样式**：为这些信息区域添加基本的样式。

3. **JavaScript逻辑**：使用JavaScript来检查内容区域是否有文本，如果没有，则隐藏相应的信息区域。

### 代码示例

“`html

display: none; /* 默认隐藏信息 */

}

来源： [来源链接]

作者： [作者名称]

“`

### 解释

HTML部分定义了三个`div`元素：一个用于内容，另外两个用于显示来源和作者信息。

CSS部分通过类`.info`将所有信息默认设置为隐藏（`display: none`）。

JavaScript部分定义了一个函数`checkContent`，该函数检查内容区域是否有文本，如果内容区域为空（即没有文本），则将来源和作者信息的`display`属性设置为`none`，使其保持隐藏状态；如果内容区域不为空，则将这些信息的`display`属性设置为`block`，使其可见。

使用`window.onload`事件确保在页面加载完成后立即执行`checkContent`函数。

### 相关问答 FAQs

#### Q1: 如果内容区域包含空白字符，来源和作者信息会显示吗？

A1: 根据上述脚本的逻辑，只有当内容区域完全为空或只包含空白字符时，来源和作者信息才会被隐藏，这是因为我们使用了`trim()`方法来去除字符串两端的空白字符，如果仅包含空格、制表符或换行的内容视为无内容，那么这些信息将被隐藏。

#### Q2: 此脚本是否适用于动态加载的内容？

A2: 是的，但是需要稍作修改，在当前的实现中，`checkContent`函数只在页面加载完成时执行一次，如果内容是动态加载的，你需要在每次内容更新后手动调用`checkContent`函数，或者使用某种机制（如MutationObserver或定期轮询）来监听内容的变化并相应地调整信息显示。