用javascript为页面添加天气显示实现思路及代码_javascript技巧

复制代码 代码如下:

<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<script>
function load(cid)
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","date.jsp?cid="+cid,false);
xmlhttp.send();
var obj = eval("("+ xmlhttp.responseText+")");
//var obj=JSON.parse(xmlhttp.responseText); //IE8以上
document.getElementById("test").innerHTML=obj.weatherinfo.city+":"+obj.weatherinfo.weather1+" "+obj.weatherinfo.temp1;
}
</script>
</head>
<body>
<p id="test">天气情况</p>
<button id="btn1" onClick=load("101280601")>深圳天气</button>
<button id="btn2" onClick=load("101250501")>郴州天气</button>
<!--
城市id获取:http://blog.csdn.net/zgyulongfei/article/details/7956118
-->
</body>
</html>

date.jsp

复制代码 代码如下:

<%@ page language="java" import="java.net.*,java.io.*" pageEncoding="utf-8"%>
<%
String cid = request.getParameter("cid");
URL url = new URL("http://m.weather.com.cn/data/"+cid+".html");
HttpURLConnection httpConn = (HttpURLConnection) url.openConnection();
httpConn.connect();
InputStream cin = httpConn.getInputStream();
BufferedReader reader = new BufferedReader(new InputStreamReader(cin,"UTF-8"));
StringBuffer sb = new StringBuffer();
String rl = null;
while ((rl = reader.readLine()) != null)
sb.append(rl);
out.println(sb);
%>

时间: 2025-01-30 04:01:18

用javascript为页面添加天气显示实现思路及代码_javascript技巧的相关文章

用javascript为页面添加天气显示实现思路及代码

 为页面添加天气显示的方法有很多,在本文为大家介绍下使用js来轻松实现,具体的代码如下,感兴趣的朋友不要错过 复制代码 代码如下: <%@ page language="java" pageEncoding="UTF-8"%>  <html>  <head>  <script>  function load(cid)  {  var xmlhttp;  if (window.XMLHttpRequest)  {// c

javascript中打印当前的时间实现思路及代码_javascript技巧

复制代码 代码如下: <html> <head> <title></title> <script> /* //声明时间 var date = new Date(); alert(date);//当前时间 alert(date.toLocaleString());//转化为本地时间 alert(date.getFullYear());//显示年份 alert(date.getMonth() + 1);//显示月份 0-11,需要加1 alert(d

JavaScript页面实时显示当前时间实例代码_javascript技巧

前言 这次认认真真又重新看了相关内容,现把需要注意的地方总结如下: 1.通过getDay()得到的星期数是从0开始,0表示星期天,之后从1~6依次表示星期一到星期六: 2.得到日期需使用getDate()而不是getDay() ,因为可能习惯性地认为日期就是天数,可能会使用getDay() ,但其实getDay()是用于得到星期数的: 3.通过getMonth()得到月份,从0开始计数,所以需要再加1. 实例代码如下: <html> <head> <title><

javascript单页面手势滑屏切换原理详解_javascript技巧

H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的,效果图如下所示,本文简单说一下其实现原理和主要思路. 1.实现原理 假设有5个页面,每个页面占屏幕100%宽,则创建一个DIV容器viewport,将其宽度(width) 设置为500%,然后将5个页面装入容器中,并让这5个页面平分整个容器,最后将容器的默认位置设置为0,overflow设置为hidden,这样屏幕就默认显示第一个页面. <div id="v

javaScript给元素添加多个class的简单实现_javascript技巧

javaScript给元素添加多个class的简单实现 <html> <head> <style type="text/css"> .div2{ font-size:16px; color:orange; } .div3{ font-size:20px; color:blue; } <style> <script type="text/javascript"> [1]直接把样式赋值给className va

JavaScript实现页面跳转的几种常用方式_javascript技巧

本文实例讲述了JavaScript实现页面跳转的几种常用方式.分享给大家供大家参考,具体如下: 第一种: <script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script> 第二种: <script language="j

JS判断页面加载状态以及添加遮罩和缓冲动画的代码_javascript技巧

复制代码 代码如下: function initialize() { addcloud(); //为页面添加遮罩 document.onreadystatechange = subSomething; //监听加载状态改变 } function addcloud() { var bodyWidth = document.documentElement.clientWidth; var bodyHeight = Math.max(document.documentElement.clientHei

6种javascript显示当前系统时间代码_javascript技巧

第一种:javascript显示当前系统时间代码 2015年12月1日 12:05:08 星期二 <div id="jnkc"> </div> <script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); </script> 第二种:javascri

JavaScript实现页面定时刷新(定时器,meta)_javascript技巧

接下来进入正题-定时不断刷新页面的方法: 1.看到定时,很容易想到js的定时器: //第一种方法 //由于我们已经有了一个定时器,所以只要在定时器test中加入一句刷新页面的代码即可 function test(){ h1.style.color = "red"; h1.innerText = "我变化了"; history.go(0);//可以换成上一篇博客的任何一种方法. } setInterval(test, 1000); 2.通过meta来设置: <!