html页面集成中国天气插件

深渊向深渊呼唤

文档

中国天气:https://cj.weather.com.cn/
下图方式,需要引入jquery,版本不限。

使用

因为官方提供的代码,使用不方便,页面元素不好定位,所以自己重写了一下。
代码如下:

$(function () {
    //***********************************************中国天气逻辑*******************************//
    // 1.初始化参数
    WIDGET = {FID: 'lV4IGfzWUm'}
    var css = "<link rel='stylesheet' href='https://apip.weatherdt.com/float/static/css/tqw_widget_float.css?v=0101'>";
    var js = "<script src='https://apip.weatherdt.com/float/static/js/tqw_widget_float.js?v=0101'></script>";

    // 2.把文件放到页面
    $("head").append(css);
    $("head").append(js);

    // 3.把目标放到页面,target为页面元素
    var target = "#weather-component";
    $(target).append("<div ></div>")
})

把这个js代码块引入到页面即可,如果觉得加载较慢,可以把两个文件下载到本地。

示例

html页面集成中国天气插件

补充

有的网友说注册不了账号,有的说WIDGET失效。现在放一些我这个账号下的网页插件,如果对账号没有影响,那么不会删除。

    类型:悬浮窗 WIDGET = mamognlD03 类型:小视图 WIDGET = H76ONIPDPt
    ps:上面的示例是悬浮窗的示例,小视图的我没试。感觉应该可以。
栏目