如何在html中加入天气,html中嵌入天气预报_html/css_WEB-ITnose

先看效果：

html代码：

js代码：

function findWeather() {

var cityUrl = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js';

$.getScript(cityUrl, function(script, textStatus, jqXHR) {

var citytq = remote_ip_info.city ;// 获取城市

var url = "http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&city=" + citytq + "&day=0&dfc=3";

$.ajax({

url : url,

dataType : "script",

scriptCharset : "gbk",

success : function(data) {

var _w = window.SWther.w[citytq][0];

var _f= _w.f1+"_0.png";

if(new Date().getHours() > 17){

_f= _w.f2+"_1.png";

}

var img = "

";

var day = (new Date().getMonth()+1)+"月"+(new Date().getDate())+"日";

var tq = "

"+"

"+""+day+""+_w.s1+""+"

"+_w.t1 + "℃～" + _w.t2 + "℃"+""+""+img;

$('#weather').html(tq);

}

});

});

}

findWeather();

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网