一个响应式的 JavaScript 网站

欢迎来到一个响应式的 JavaScript 网站！这个网站使用了一些现代的 HTML5 和 CSS3 技术，使其能够在不同的设备和屏幕尺寸上自适应地展示内容。我们通过添加 viewport 元标签、使用媒体查询以及优化图片和布局等方式来实现这一目标。

页面加载与 DOMContentLoaded

在页面加载时，我们首先检查浏览器是否支持 addEventListener 方法。如果支持，我们使用它来监听 DOMContentLoaded 事件。当页面的 DOM(文档对象模型)完成加载时，该事件将被触发。此时，我们移除之前添加的事件监听器，并执行传入的回调函数 fn()。

如果不支持 addEventListener,我们会继续检查浏览器是否支持 attachEvent 方法。如果支持，我们使用它来监听 onreadystatechange 事件。当页面的 readyState 变为 complete 时，表示页面已经完全加载，此时我们解除之前添加的事件监听器，并执行回调函数 fn()。

当页面加载完成后，我们的回调函数将被调用，开始执行一些初始化操作。

初始化脚本注入

在回调函数中，我们创建了一个匿名函数作为参数，并将其传递给 ready() 函数。在这个匿名函数内部，我们首先定义了一个名为 _hmt 的空数组(用于存储跟踪代码)。接下来，我们动态创建了一个<script>元素，并设置其 src 属性为我们的追踪代码 URL(这里假设为 “tracking.js”)。最后，我们在页面的 <head> 标签内插入创建的<script>元素。

这样一来，我们的追踪代码将在适当的时机加载到页面中。请注意，这里的示例仅用于演示目的，实际应用中的追踪代码可能会有其他配置和逻辑。

这个响应式的 JavaScript 网站利用了现代浏览器提供的特性，实现了在不同设备上的自适应显示效果。希望你能喜欢这个网站的内容和设计！