iframe 内嵌式天气，样式颜色修改

最新推荐文章于 2025-02-26 13:42:00 发布

powerful*！

最新推荐文章于 2025-02-26 13:42:00 发布

阅读量2k

点赞数 1

分类专栏： vue 文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/tsqjxy/article/details/127413228

版权

本文介绍了如何使用iframe在网页中展示天气，并强调了修改内嵌样式颜色时，src链接中color参数的使用规则。同时提到了通过iframe的contentWindow和document属性访问iframe内容的方法，以及使用第三方API接口来获取天气信息的可行性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这次给大家带来怎样利用iframe让自己的网页可以显示天气，用iframe让自己的网页可以显示天气的注意事项有哪些，下面就是实战案例，一起来看一下。

<iframe scrolling="no" src="https://tianqiapi.com/api.php?style=tf&skin=gif" frameborder="0" width="400" height="24" allowtransparency="true"></iframe>
// 天气代码

1，要改变内嵌样式的字体颜色，需要在src链接拼接color。color不可带#。

 <iframe
            scrolling="no"
            src="https://tianqiapi.com/api.php?style=tf&skin=gif&color=ffffff"
            frameborder="0"
            width=""
            height=""
            allowtransparency="true"
          />