精华内容
下载资源
问答
  • js天气预报

    2012-03-15 16:31:41
    js天气预报
  • JS天气预报

    2016-05-10 23:38:35
    简易的使用 网络请求 数据解析,实现天气预报
  • js天气预报小偷

    2011-12-04 14:59:00
    js天气预报小偷js天气预报小偷js天气预报小偷js天气预报小偷
  • js天气预报 html页面

    热门讨论 2011-03-07 15:53:20
    js天气预报 天气预报代码 页面好的js天气预报js天气预报js天气预报js天气预报
  • JavaScript 天气预报

    2019-10-02 03:49:59
    ="javascript:refresh();" title ="刷新" > 城市不对? a > div > < div id ="weather" style ="text-align:center;" > 数据加载中... div > < script src ="http://j.maxmind.com/app/geoip.js" type =...
    var localStorage= new Object();
    localStorage.cityId='';
    function getWeather(){
    if(!localStorage.cityId){
    var cityId='';
    var userLatLng = new google.maps.LatLng(geoip_latitude(), geoip_longitude());
    var geocoder = new GClientGeocoder();
    geocoder.getLocations(userLatLng, function(response){
    if (!response || response.Status.code != 200) {
    app.debug("no results from reverse geocoding!");
    }
    else {
    var node = response.Placemark[0];
    var area = node.AddressDetails.Country.AdministrativeArea;
    var province = area.AdministrativeAreaName.replace('省','');
    var city = area.Locality.LocalityName.replace('市','');
    $.ajax({
    url: 'http://service.weather.com.cn/plugin/data/city.xml',
    async: false,
    dataType: 'text',
    success: function(text){
    var arr = text.split(',');
    for(var i=0;i <arr.length;i++){
    var arr2 = arr[i].split('|');
    var pid = 0;
    if(arr2[1] == province){
    pid = arr2[0];
    break;
    }
    }
    if(pid){
    $.ajax({
    url: 'http://service.weather.com.cn/plugin/data/city'+pid+'.xml',
    async: false,
    dataType: 'text',
    success: function(text){
    var arr = text.split(',');
    for(var i=0;i <arr.length;i++){
    var arr2 = arr[i].split('|');
    if(arr2[1] == city){
    cityId = arr2[0];
    break;
    }
    }
    }
    });
    }
    }
    });
    cityId = '101'+cityId+(/^0[1-4].*$/.exec(cityId)?'00':'01');
    localStorage.cityId = cityId;
    _getWeather(localStorage.cityId);
    }
    });
    }else{
    _getWeather(localStorage.cityId);
    }
    }

    function _getWeather(cityId){
    $.ajax({
    url: 'http://www.weather.com.cn/html/weather/'+cityId+'.shtml',
    async: false,
    dataType: 'html',
    success: function(html){
    html = html.replace(/<script(.|\s)*?\/script>/g, "");
    var div = $("<div/>").append(html);
    $('#weather').html($('div.weatherYubao',div).html());
    div.remove();
    $('#weather img').attr('src',function(i,v){return 'http://www.weather.com.cn'+v});
    $('#weather h1.weatheH1 span').remove();
    $('#weather td').removeAttr('style').each(function(){if($('a',this).length)$(this).html($('a',this).html())});
    $('#weather table.yuBaoTable').each(function(i){$(this).addClass('day'+(i+1))});
    $('#weather table.yuBaoTable tr').hover(function(){$(this).addClass('highlight')},function(){$(this).removeClass('highlight')});
    }
    });
    }

    function refresh(){
    $('#weather').text('数据加载中...');
    delete(localStorage.cityId);
    getWeather();
    }

    getWeather();

    weather.js代码如上。

    前台调用:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
    <style>
    body
    {
    min-width
    :640px;
    }
    .weatheH1
    {
    background-color
    : #FFFFCC;
    }
    .tableTop
    {
    background-color
    : #FFCC99;
    }
    .day1
    {
    background-color
    : #99CCCC;
    }
    .day2
    {
    background-color
    : #FFCCCC;
    }
    .day3
    {
    background-color
    : #FFFFCC;
    }
    .highlight
    {
    background
    : #FF6;
    }
    </style>

    </head>
    <body>
    <div style="text-align:right;"><a href="javascript:refresh();" title="刷新">城市不对?</a></div>
    <div id="weather" style="text-align:center;">
    数据加载中...
    </div>
    <script src="http://j.maxmind.com/app/geoip.js" type="text/javascript"></script>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAs5In0-0HWhAOT02sn4PouxTN_ou44HV0kOg00GnPU25UF-c_JhSJfeLjDAYNXJb7u8YdHu7w6opn0g&sensor=false" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="weather.js"></script>
    </body>
    </html>


    有时间可以研究一下。

    转载于:https://www.cnblogs.com/Mygirl/archive/2011/11/01/2231547.html

    展开全文
  • js天气预报代码

    2013-08-26 20:09:18
    javascript 天气预报,包括:温度、风力、紫外线、空气状况。
  • javascript天气预报 网页!!!!!!!!!!!!!!
  • js天气预报 js天气预报接口

    热门讨论 2011-05-17 08:52:22
    js版得,可能显示的比较慢,显示不出来刷新下,经本人测试,可以显示出来,先去QQ查看ip,然后把ip转换为城市,最后由城市代码去查看天气
  • 【实例简介】仿照webQQ的天气样式做的一个天气预报,使用中国天气的数据源【实例截图】【核心代码】天气预报└── weatherWidget├── bg-main-mini.png├── btn-more-normal.png├── button-normal.png├──...

    【实例简介】

    仿照webQQ的天气样式做的一个天气预报,使用中国天气的数据源

    【实例截图】

    【核心代码】

    天气预报

    └── weatherWidget

    ├── bg-main-mini.png

    ├── btn-more-normal.png

    ├── button-normal.png

    ├── chinaWeather.js

    ├── weather_0.png

    ├── weather_10.png

    ├── weather_11.png

    ├── weather_12.png

    ├── weather_13.png

    ├── weather_14.png

    ├── weather_15.png

    ├── weather_16.png

    ├── weather_17.png

    ├── weather_18.png

    ├── weather_19.png

    ├── weather_1.png

    ├── weather_20.png

    ├── weather_21.png

    ├── weather_22.png

    ├── weather_23.png

    ├── weather_24.png

    ├── weather_25.png

    ├── weather_26.png

    ├── weather_27.png

    ├── weather_28.png

    ├── weather_29.png

    ├── weather_2.png

    ├── weather_30.png

    ├── weather_31.png

    ├── weather_3.png

    ├── weather_4.png

    ├── weather_5.png

    ├── weather_6.png

    ├── weather_7.png

    ├── weather_8.png

    ├── weather_9.png

    ├── weather.css

    └── weather.html

    1 directory, 38 files

    展开全文
  • 该项目是通过。 可用脚本 在项目目录中,可以运行: npm start 在开发模式下运行应用程序。 打开在浏览器中查看。 如果进行编辑,页面将重新加载。 您还将在控制台中看到任何棉绒错误。... 在交互式监视模式下启动...
  • JS天气预报查询插件

    热门讨论 2012-11-20 14:48:48
    JS、HTML编写的天气查询预报,用于网页开发,通过网络气象接口获取天气情况返回json数据,对json数据处理成自己想要的效果,可查询到城市三级级联天气,到县级天气。资料源于网络。
  • 使用Vanilla JS天气预报应用程序。 建于 HTML CSS JavaScript 在进行此项目时,不会损害任何框架。 现场演示 入门 要启动并运行本地副本,请按照以下步骤操作: 克隆库和cd进去 git clone ...
  • 天气预报天气预报天气预报天气预报天气预报天气预报天气预报天气预报天气预报天气预报天气预报天气预报天气预报
  • 这是天气预报网里面有免费的js天气预报代码 http://www.tianqi.com/dingzhi/ http://www.tianqi.com/plugin/

     

    这是天气预报网里面有免费的js天气预报代码

    http://www.tianqi.com/dingzhi/

    http://www.tianqi.com/plugin/

    展开全文
  • js 天气预报的例子

    2013-11-27 12:28:18
    一个简单的例子,用来js引用天气的插件,希望能够帮到大家!
  • 仿照webQQ的天气样式做的一个天气预报,使用中国天气的数据源
  • JS天气预报网页控件

    2009-04-09 12:25:37
    现在已失效,大家不要再下了 资源已失效,大家不要再下载了 资源已失效,大家不要再下载了
  • JS天气预报获取

    2011-08-19 15:05:00
    天气预报数据源 天气预报数据源测试 http://m.weather.com.cn/data/101280601.html 深圳 http://m.weather.com.cn/data/101240601.html 吉安 天气预报数据源获取 http://m.weather.com.cn/data/101240601.html 这里...

    天气预报数据源

    天气预报数据源测试
    http://m.weather.com.cn/data/101280601.html 深圳
    http://m.weather.com.cn/data/101240601.html 吉安

    天气预报数据源获取
    http://m.weather.com.cn/data/101240601.html

    这里,101240601即为城市id


    id怎么获取?
    通过 http://61.4.185.48:81/g/ 推荐这个接口
    返回: var ip="113.90.74.76";var id=101280601;if(typeof(id_callback)!="undefined"){id_callback();}

    通过 http://fw.qq.com/ipaddress
    返回: var IPData = new Array("113.90.74.76","","广东省","深圳市");


    php方式抓取到本地

    <? php 
        
    header ( " content-type: text/html " ); 
        
    $url   =   ' http://m.weather.com.cn/data/ '
        
    $id   =   $_GET [ ' id ' ]; 
        
    $data   =   file_get_contents ( $url   .   $id   . ' .html ' ); 
        
    echo   $data
    ?>

    asp方式抓取到本地

    <
       
    on   error   resume   next  
        response.charset
    =   ' utf-8';
        server.scripttimeout =   9999999  
       
    // 入口函数 
       
    function gethttppage(path) 
            t
    = getbody(path) 
            gethttppage
    = bytestobstr(t, " gb2312 "
       
    end function
       
    ' 首先,进行小偷程式的一些初始化设置,以上代码的作用分别是忽略掉所有非致命性错误,把小偷程式的运行超时时间设置得非常长(这样不会出现运行超时的错误),转换原来默认的utf-8编码转换成gb2312编码,否则直接用xmlhttp组件调用有中文字符的网页得到的将是乱码。
        function getbody(url) 
           
    on   error   resume   next  
           
    set retrieval =   createobject ( " microsoft.xmlhttp "
           
    with retrieval 
                .open
    " get " , url, false , "" , ""  
                .send 
                getbody
    = .responsebody 
           
    end   with  
           
    set retrieval =   nothing  
       
    end function
       
    ' 然后调用xmlhttp组件创建一个对象并进行初始化设置。
        function bytestobstr(body,cset) 
           
    dim objstream 
           
    set objstream = server.createobject( " adodb.stream "
            objstream.type
    =   1  
            objstream.mode
    = 3  
            objstream.open 
            objstream.write body 
            objstream.position
    =   0  
            objstream.type
    =   2  
            objstream.charset
    = cset 
            bytestobstr
    = objstream.readtext 
            objstream.close 
           
    set objstream =   nothing  
       
    end function  
        
       
    // 获取匹配的字符 
       
    function newstring(wstr,strng) 
            newstring
    = instr ( lcase (wstr), lcase (strng)) 
           
    if newstring <= 0   then newstring = len (wstr) 
       
    end function  
    %
    >
    <
       
    ' 处理抓取回来的数据需要调用adodb.stream组件并进行初始化设置。以下即为页面显示部分
        dim wstr, url, start, over, city, body
       
    ' 定义一些需要使用到的变量
        city = request.querystring( " id "
        
       
    ' 程序传回的id变量(即用户选择的城市)赋给id 
        url = " http://m.weather.com.cn/data/ " & cityId & " .html " ;  
       
    ' 这里设置需要抓取的页面地址,获取指定页面的全部数据
        wstr = gethttppage(url)
        response.Write(wstr) 
    %
    >


    JS加载数据源

    < script type = " text/javascript " >  
       
    // 动态加载js
        function loadJs(jsUrl, fCallBack) { 
           
    var _script = document.createElement( ' script ' ); 
            _script.setAttribute(
    ' type ' , ' text/javascript ' ); 
            _script.setAttribute(
    ' src ' , jsUrl); 
            document.getElementByTagName(
    ' head ' )[ 0 ].appendChild(_script); 
           
    if ( typeof fCallBack !=   ' undefined ' ) { 
               
    // if ($.browser.msie) //借助jQuery判断ie
                if ($.browser.msie && ($.browser.version ==   " 6.0 " ) &&   ! $.support.style) { 
                    _script.onreadystatechange
    =   function () { 
                       
    if ( this .readyState ==   ' loaded '   ||   this .readyState ==   ' complete ' ) { 
                            fCallBack(); 
                        } 
                    }; 
                }
    else
                    _script.onload
    =   function () { 
                        fCallBack(); 
                    }; 
                } 
            } 
        } 
        
       
    var cityIdUrl =   ' http://61.4.185.48:81/g/ '
       
    var weatherUrl =   ' getWeather.asp?id= ' ; // 因为js的跨域问题,所以通过其他方式拿
        /*  
        loadJs(cityIdUrl, function() { 
            if (typeof id != 'undefined') { 
                var curDayWeather; //先出缓存中获取 
                $.getJSON(weatherUrl + id, function(data) { 
                    var w_info = data.weatherinfo; 
                    curDayWeather = w_info.weather1; 
                    //下面可以尽情地解析获取到的天气数据 
                }); 
            } 
        });
    */   // 为了方便我把它封成回调形式
        // 演变后:
        function getWeather =   function (f_cb) { 
            loadJs(cityIdUrl,
    function () { 
               
    if ( typeof id !=   ' undefined ' ) { 
                   
    var curDayWeather; //可以在此添加缓存机制
                    // 根据不同城市的id获取它的天气预报
                    $.getJSON(weatherUrl + id, function (data) { 
                       
    var w_info = data.weatherinfo; 
                        curDayWeather
    = w_info.weather1; // json对象
                        // 下面可以尽情地解析获取到的天气数据,如果要获取近几天和未来的数据可以在此进行扩展
                        f_cb(curDayWeather); 
                    }); 
                } 
            }); 
        }
       
    // 调用之
        getWeather( function (weather_data) { 
           
    // 这里把拿到的weather_data放到你想要的位置。
        }); 
    < / script>

    转载于:https://www.cnblogs.com/leamiko/archive/2011/08/19/2145746.html

    展开全文
  • 效果展示 主页面 管理页面(点击可切换不同城市) 编辑城市(长按城市可进入) 添加城市(无城市时无法退出当前页面) 注:网络缓慢时可能造成加载失败 ...喜欢的小伙伴可以看一下,如果有什么问题可以在下方评论 ......
  • 转载于:https://my.oschina.net/jiMap/blog/665826
  • 免费js天气预报插件

    2010-07-29 17:16:31
    [code="js"] 免费天气插件 [/code]
  • 介绍一款免费的js天气预报接口

    千次阅读 2013-05-15 10:57:09
    用法:  ... 这个是珠海地区的。如果你想用其他地区可以通过下面的链接自己去
  • 这个天气js控件,我开始时直接偷360网址大全的,后来仔细看下,原来他是偷http://tool.115.com 这个网站的,囧........ 关于输出的html与城市怎么修改,现在说明在,打开tool_weather_api_text.js,34行一直到46...
  • 摘要:脚本资源,Ajax/JavaScript,大陆仔,天气预报 大陆仔天气预报是一个纯JS版的天气预报,调用了新浪的天气预报接口实现。具体功能如下:  支持根据用户IP来显示当地的天气预报 (使用了魔镜的 API)  支持用户...
  • 首先需要两个api,获取电脑ip与获取天气天气调用的apihttps://...获取电脑ip的api总体思路:利用搜狐的api获取到电脑的ip(电脑所在地)然后传入到天气调用的api中来获取天气获取ip的代码session...
  • 天气预报查询html,body,#container{height:100%;}.weather{width:5rem;display:inline-block;padding-left:0.5rem;}.sharp{height: 1rem;width: 1rem;background-color: white;transform: rotateZ(45deg);box-shadow...
  • 原生JS实现天气预报

    2020-10-15 05:08:22
    主要为大家详细介绍了原生JS实现天气预报,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,610
精华内容 3,044
关键字:

js天气预报