直接用 iframe 嵌第三方小部件最省事,但样式、广告、cors 限制多;自己写 js 调 api 看似自由,实际 90% 的失败都卡在跨域或执行时机上——不是代码写错了,是没搞清浏览器加载顺序和 api 的访问规则。

直接用 iframe 嵌第三方小部件最省事,但样式、广告、CORS 限制多;自己写 JS 调 API 看似自由,实际 90% 的失败都卡在跨域或执行时机上——不是代码写错了,是没搞清浏览器加载顺序和 API 的访问规则。
为什么 document.getElementById 报 null?DOM 还没准备好
把 fetch 写在 <script></script> 标签顶部,但 HTML 还没解析完,document.getElementById('weather-display') 必然返回 null。这不是 API 问题,是执行时机问题。
- 把整个逻辑包进函数,比如
loadWeather() - 用
window.addEventListener('DOMContentLoaded', loadWeather)确保 DOM 就绪 - 或者把
<script></script>放到
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











