天天看点

最简单的 天气预报 引入

一、前言

1、目前引入天气预报的初衷仅仅是修饰页面而已,使网页稍微有点时代感,亲切感、体贴感。

2、全部前端引入,一句代码而已

二、效果

①初步显示

最简单的 天气预报 引入

②修改地区,如点击图中的湛江,进入如下页面

最简单的 天气预报 引入

修改为北京

最简单的 天气预报 引入

点击确定,如下图

最简单的 天气预报 引入

③查看天气预报详情,点击其他位置即可

最简单的 天气预报 引入

三、代码

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>天气预报</title>
    </head>

    <body>
        <!--就这一句代码-->
        <iframe width="420" scrolling="no" height="600" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5"></iframe>
    </body>

</html>
           

四、小结

天气预报的接口有很多,但是个人感觉简单、易用、好使就是最好的

继续阅读