前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >直接iframe方式在网页上显示天气插件

直接iframe方式在网页上显示天气插件

作者头像
科控物联
发布2023-09-22 20:09:23
9000
发布2023-09-22 20:09:23
举报
文章被收录于专栏:科控自动化科控自动化

如果对样式没有很特殊的要求,直接iframe可能是最简单的。

天气预报调用网址(可定制):http://www.tianqi.com/plugin/

代码语言:javascript
复制
代码语言:javascript
复制
——————————————————————————————————————图 1——————————————————————————————————————————
<div style="margin: 5px">
<iframe scrolling="no" frame allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=34&icon=1&num=3"></iframe>
</div>
——————————————————————————————————————图 2——————————————————————————————————————————
<div style="margin: 5px">
<iframe frame allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=36&icon=5&num=1"></iframe>
</div>
——————————————————————————————————————图 3——————————————————————————————————————————
<div>
<iframe scrolling="no" src="https://tianqiapi.com/api.php?style=tw&skin=pitaya" frame width="300" height="500" allowtransparency="true"></iframe>
</div>
——————————————————————————————————————图 4——————————————————————————————————————————
<iframe name="weather_inc" 
  src="http://i.tianqi.com/index.php?c=code&id=7" 
  style="border:solid 1px #7ec8ea" 
  width="220" height="90" frame 
  marginwidth="0" marginheight="0" scrolling="no">
</iframe>

补充:对于iframe控件,其为页面内独立窗口,可以对外部网页进行引用显示。

【可用于单窗口多页面显示。】

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2023-08-30 07:07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 科控物联 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档