获取天气html,JS 获取天气数据（实时）

根据用户选择的城市，显示这个城市的天气信息。api接口：http://wthrcdn.etouch.cn/weather_mini?city=深圳注意：这个接口已经服务端打破了同源。

效果：

Paste_Image.png

html :

p {

width: 100px;

height: 200px;

background: cadetblue;

float: left;

margin-right: 20px;

}

请选择你所在的城市：

北京

上海

广州

深圳

珠海

厦门

杭州

未来五天的天气

var sel = document.querySelector("select");

var div = document.querySelector("div");

sel.onchange = function(){

var city = sel.value;

div.innerHTML = "";

ajax.get({

url: "http://wthrcdn.etouch.cn/weather_mini?city=" + encodeURIComponent(city),

onSucces

获取天气html,JS 获取天气数据（实时）相关推荐

html获取url参数值,js获取url中参数值的两种方法
本节主要内容: js获取url中参数值. 方法1:正则分析法复制代码代码示例: function getQueryString(name) { var reg = new RegExp(" ...
js获取当前时间写入HTML,html获取当前时间 js获取当前日期的前后4天
可以用javascript,先创建Date对象的实例(也叫做对象的引用).创建实例的语法有如下三种. var newDateObj = new Date() var newDateObj = new ...
php获取div高度,JS获取一个未知DIV高度的方法
本文实例讲述了JS获取一个未知DIV高度的方法.分享给大家供大家参考,具体如下: 通过元素的clientHeight属性能够得到元素的高度,如:var height = element.clientH ...
通过文件url地址获取base64；通过图片url地址获取base64；js获取文件的base64
本篇是通过url地址获取文件的base64 如果想要通过File文件获取base64查看这篇以下代码可直接复制使用!注意第9行的图片地址更改下 <template><div cla ...
html 获取当前时间戳,JS获取当前时间戳方法解析
第一种方法:(这种方法只精确到秒) var timestamp = Date.parse(new Date()); 结果:1280977330000 第二种方法: var timestamp = (n ...
html 获取浏览器语言,js获取浏览器类型和语言
js代码如下: // 获取终端的相关信息 var Terminal = { // 辨别浏览器类型 browserType : function(){ var u = navigator.userAge ...
html获取元素坐标,js 获取元素相对于页面的坐标(示例)
function pageX(elem){//获取元素相对于这个页面的x坐标. return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetP ...
html 自动获取屏幕分辨率,JS获取当前网页大小以及屏幕分辨率等
获取当前对象大小以及屏幕分辨率等 var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth+" ...
js 获取url多个参数
1.js获取单个参数 js获取url传递里面的参数 url="http://t.html?id=151"; var url = window.location.href; var ...

获取天气html,JS 获取天气数据（实时）

获取天气html,JS 获取天气数据（实时）相关推荐

最新文章

热门文章