添加自定义 JS

在橙子CMS中添加自定义 JavaScript 代码，可以实现更多交互效果。

方法一：在模板中直接添加

在 app/view/layout/footer.html 中添加 <script> 标签：

<script>
// 自定义代码
document.addEventListener('DOMContentLoaded', function() {
    console.log('网站已加载');
});
</script>

方法二：创建独立的 JS 文件

1. 在 public/js/ 目录创建 custom.js
2. 在 header.html 或 footer.html 中引入

<script src="/public/js/custom.js"></script>

常用示例

1. 页面加载完成后执行

document.addEventListener('DOMContentLoaded', function() {
    // 你的代码
});

2. 添加点击事件

document.querySelector('.btn').addEventListener('click', function() {
    alert('按钮被点击');
});

注意事项

• 避免与现有 JS 变量名冲突
• 使用 DOMContentLoaded 确保 DOM 已加载
• 测试不同浏览器的兼容性