JS调用天气其他杂谈

/select取值
this.comp('select1').val();
//select设值，注意！！设置的值必须是下拉data数据集中存在的值！否则不成功！
this.comp('select1').val('值');
<script>
var a; //全局变量
function test()
{
  var b=20; //局部变量
  return b; //返回局部变量的值
}
a=test(); //将函数返回值赋给全局变量a
alert("全局变量a的值是: "+a);
</script>
//获取当前日期
// debugger
//获取当前日期//获取当前日期
// var  a = myDate.toLocaleDateString();
// //获取周
// var  week = new Array(7);
// week[0] = "星期日";
// week[1] = "星期一";
// week[2] = "星期二";
// week[3] = "星期三";
// week[4] = "星期四";
// week[5] = "星期五";
// week[6] = "星期六";
// var b = week[myDate.getDay()];
// //获取当前国家，省， 市区
// $.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js',function(){  
//// alert(remote_ip_info.country);//国家  
//// alert(remote_ip_info.province);//省份  
//// alert(remote_ip_info.city);//城市  
//// debugger
// var  g = remote_ip_info.country +remote_ip_info.province+remote_ip_info.city;
// });  
//获取天气插件
//获取新浪城市与天气信息 



javascript有两种变量：局部变量和全局变量。当然，我们这篇文章是帮助大家真正的区别这两种变量。


首先，局部变量是指只能在本变量声明的函数内部调用。全局变量时整个代码中都可以调用的变量。当然，单单从字面上理解肯定是不清楚的，下面我详细的介绍下：
大家都知道，变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量，就是不用声明，直接使用。而且，千万注意，javascript把隐式声明的变量总是当成全局变量来使用的。
例如：


复制代码 代码如下:


function myName() {
i = 'abc';
}
myName();
function sayName() {
alert(i);
}
sayName();


输出结果为：abc


这说明变量i就是一个全局的变量，如果把上面的代码改成如下：


复制代码 代码如下:


function myName() {
var i='abc';
}
myName();
function sayName() {
alert(i);
}
sayName();


此时，游览器将没有任何输出结果，因为i 是在函数myName中定义的，所以它只是myName的局部变量，不可能被外部调用。


现在再回过头来看下面的代码：


复制代码 代码如下:


function myName() {
i = 'abc';
}
myName();
function sayName() {
alert(i);
}
sayName();


现在，我们进行一下改动，把myName();去掉，代码如下：


复制代码 代码如下:


function myName() {
i = 'abc';
}
function sayName() {
alert(i);
}
sayName();


此时，游览器也不会有如何反应。因为虽然i是全局变量，但是函数myName()并没有被调用，所以就相当于虽然声明了i，但是并没有给i赋予任何的值，所以没有任何输出。
同理，如果把上例改成：


复制代码 代码如下:


function myName() {


i = 'abc';
}
function sayName() {
alert(i);
}
sayName();
myName();


这种情况下还是不会输出任何结果，javascript代码的执行时从上到下的，在sayName()函数被调用时会检查变量i的值，此时函数myName尚未执行，也就是说i还没有被赋值，所以不会输出任何结果。


为了方便大家更好的理解，这里再举一个例子：


复制代码 代码如下:


var i = 'abc';
function myloveName() {
i = 'a';
}
myloveName();
function myName() {
alert(i);
}
myName();


这次的结果是什么呢？
答案是a
首先，i的原始值是abc，但是当调用myloveName()函数之后，将i的值改为a，所以最后的输出结果是a。


如果将代码改为：


复制代码 代码如下:


var i = 'abc';
function myloveName() {
var i = 'ai';
}
myloveName();
function myName() {
alert(i);
}
myName();


此时的结果就是abc了，因为代码中的两个i不一样，一个是全局的，一个是局部的，也可以这样理解，虽然两个i的名字一样，但是这两个i的本质却不一样，好像有两个名字一样的人一样，虽然名字一样，但却不是同一个人。


如果将代码改造成这样：


复制代码 代码如下:


var i = 'abc';
function myloveName() {
i = 'ai';
}
function myName() {
alert(i);
}
myName();
myloveName();


相信大家可以自己算出结果了，结果是abc。


既然函数内部可以调用全局变量，那么下面这种情况呢：


复制代码 代码如下:


var i = 'abc';
function myloveName() {
i = 'a';
alert(i);
}
myloveName();


此时变量的值是哪个呢？


我们来分析下：


首先全局变量i被赋值为：abc。


接下来myloveName()函数被调用，全局变量i被重新赋予新的值：a


所以结果肯定是:a


如果我们把alert提前呢，像这样：


复制代码 代码如下:


var i = 'abc';
function myloveName() {
alert(i);
i = 'a';
}
myloveName();


这时候结果是什么呢？
经过验证结果是：undefined
如果代码是这样呢:


复制代码 代码如下:


var i = 'abc';
function myloveName() {
alert(i);
}
myloveName();


此时i的结果是：abc


为什么会发生上面undefined情况，因为代码的执行顺序是从上到下的，在输出i之前并没有对i定义。所以从这里可以看出，使用代码的时候，变量的声明一定要放到代码的前面，以避免出现类似的问题！


同理：


复制代码 代码如下:


var i = 'abc';
function myloveName() {
alert(i);
var i = 'a';


}
myloveName();


这种情况下也会输出：undefined




define(function(require) {
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
var biz = require("$UI/system/lib/biz");
var IM = require("$UI/chat/base/js/im");
require("css!$UI/portal_X/pc3/css/common").load();


var Model = function() {
this.callParent();
};


Model.prototype.modelLoad = function(event) {


// 获取日期
function today1() {
var today1 = new Date();
var h = today1.getFullYear();
var m1 = today1.getMonth() + 1;
var d = today1.getDate();
return h + "-" + m1 + "-" + d;
}
document.getElementById("today1").value = today1();
// 获取星期
var date1 = new Date();
var weekdayer = new Array(7);
weekdayer[0] = "星期日";
weekdayer[1] = "星期一";
weekdayer[2] = "星期二";
weekdayer[3] = "星期三";
weekdayer[4] = "星期四";
weekdayer[5] = "星期五";
weekdayer[6] = "星期六";
var week = document.getElementById("weekdays");
week.innerHTML = weekdayer[date1.getDay()];
// 获取当前天气
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 = "<img width='16px' height='16px'
//
// 


src='http://i2.sinaimg.cn/dy/main/weather/weatherplugin/wthIco/20_20/"
// + _f +
// "' />";
// var tq = citytq + " " + img + " " + _w.s1 + " " +
// _w.t1 + "℃～" + _w.t2 + "℃ "
// + _w.d1 + _w.p1 + "级";
var tq = "天气：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + _w.s1 + 


'</br>' + "温度：" + _w.t1 + "℃～" + _w.t2 + "℃ " + '</br>' + "风力：" + _w.d1 + _w.p1 + "级";


$('#weather1').html(tq);
}
});
});
}


findWeather();


var text = document.getElementsByClassName("text");
for (var q = 0; q < text.length; q++) {
(function(a) {
text[a].ontouchstart = function() {
this.style.backgroundColor = "#f0eff5";
};
text[a].ontouchend = function() {
this.style.backgroundColor = "white";
};
})(q);
}
// 生成20到40之间的随机数
var r = Math.random() * (80 - 50 + 1) + 50;
var n = r.toFixed(2);
$("#zongjindu").html(n + "%");


// 调用动作
if (IM.getCurrentPerson()) {
biz.Request.sendBizRequest({
"context" : this.getContext(),
"action" : "getAuthByPersonID",
"process" : "/TeamTreasure/baseSet/process/com/comProcess",
"activity" : "mainActivity",
"parameters" : "",
"callback" : function(data) {
// data.ignoreError 是否忽略默认的异常处理，默认值true
data.ignoreError = false;
// data.state 请求返回状态，标识请求是否执行成功
if (data.state) {
// 拿到数据数组
var arr = eval(data.response);
var table = document.createElement("table");
table.border = "1";
table.width = "100%";
var tr, td;
document.querySelector("#tb").appendChild(table);
$('table').attr('class','table');
for (var i = 0; i < arr.length; i++) {
if (td) {
if(td.cellIndex==3)
tr = table.insertRow(table.rows.length);
}else{
tr = table.insertRow(table.rows.length);
}
var fActivity = arr[i].fActivity;
var fIcon = arr[i].fIcon;
var fName = arr[i].fName;
var fParent = arr[i].fParent;
var fProcess = arr[i].fProcess;
var fUrl = arr[i].fUrl;
var fActivity = arr[i].fActivity;
var m = arr[i].m;
var fChild = arr[i].fChild;
var fStyle=arr[i].fStyle;
if (fUrl == "null" || fUrl == null) {
var str = "";
for (var j = 0; j < fChild.length; j++) {
var fActivity1 = fChild[j].fActivity;
var fIcon1 = fChild[j].fIcon;
var fName1 = fChild[j].fName;
var fParent1 = fChild[j].fParent;
var fProcess1 = fChild[j].fProcess;
var fUrl1 = fChild[j].fUrl;
var fActivity1 = fChild[j].fActivity;
var m1 = fChild[j].m;
var fStyle1=fChild[j].fStyle;
var s = fActivity1 + "," + fIcon1 + 


"," + fName1 + "," + fParent1 + "," + fProcess1 + "," + fUrl1 + "," + m1+","+fStyle1;
str += s + ";";
}
str = str.substring(0, str.length - 1);
var Furl = 


"$UI/chat/bex5/work/process/work/sheet.w";
var 


Fprocess="/TeamTreasure/baseSet/process/com/comProcess";
var Factivity="mainActivity";
var Furl = Furl + '?' + 'process=' + Fprocess 


+ '&activity=' + Factivity + '&fName=' + fName;
// +'&fChild='+encodeURIComponent(str);
if(str!=""){
td = tr.insertCell(tr.cells.length);
$("td").attr("class","td");
td.innerHTML = "<div 


onclick='justep.Bind.contextFor(this).$model.menuSH1(\"" + Furl + "\",\"" + str + "\")' ><div 


class='"+fStyle+"'><img style='width:25px;height:25px;' src='"+fIcon+"'/></div><div>"
+ fName + "</div></div>";
td.align = "center";
}
} else {
var Eurl = fUrl + '?' + 'process=' + fProcess 


+ '&activity=' + fActivity;
td = tr.insertCell(tr.cells.length);
td.innerHTML = "<div  


onclick='justep.Bind.contextFor(this).$model.menuSH2(\"" + Eurl + "\")' ><div class='"+fStyle+"'><img 


style='width:25px;height:25px;' src='"+fIcon+"'/></div><div>"
+ fName + "</div></div>";
td.align = "center";
}
}
}
}
});
}


// 拿到数据数组
// var fName = this.getContext().getRequestParameter("fName");
// var fChild = this.getContext().getRequestParameter("fChild");
//
// var table = document.createElement("table");
// table.border = "1";
// table.width = "100%";
// var tr, td;
// document.querySelector("#tb").appendChild(table);
// var arr = fChild.split(";");
// for (var i = 0; i < arr.length; i++) {
// if (i % 4 === 0) {
// tr = table.insertRow(table.rows.length);
// }
// debugger;
// var str = arr[i].split(",");
// var fActivity = str[0];
// var fIcon = str[1];
// var fName = str[2];
// var fParent = str[3];
// var fProcess = str[4];
// var fUrl = str[5];
// var m2 = str[6];
// var Eurl = fUrl + '?' + 'process=' + fProcess + '&activity=' +
// fActivity;
// td = tr.insertCell(tr.cells.length);
// td.innerHTML = "<div
// onclick='justep.Bind.contextFor(this).$model.menuSH1(\""
// + Eurl + "\")' class='text'><img
// style='width:50%;'src='img/DD-logo.jpg'/></div><span>" + fName +
// "</span>";
// td.align = "center";
// }
//
// this.comp("titleBar1").set({
// "title" : fName
// });

}
Model.prototype.menuSH1 = function(event,str) {
//debugger;
justep.Shell.showPage(event,{"str":str});
};
Model.prototype.menuSH2 = function(event) {
justep.Shell.showPage(event);
};
Model.prototype.button2Click = function(event) {
this.comp('popMenu1').show();
};


// // 进度查询
// Model.prototype.td29Click = function(event) {
// var url = "$UI/TeamTreasure/projectManage/process/projectInfom/queryProgress.m.w";
// var process = "/TeamTreasure/projectManage/process/projectInfom/projectInfomProcess";
// var activity = "queryProgress";
// url = url + '?' + 'process=' + process + '&activity=' + activity;
// justep.Shell.showPage(url);
//通过
Model.prototype.button9Click = function(event){
var me = this;
var TE_WorkReportA = this.comp("TE_WorkReportA");
TE_WorkReportA.setValue("fApproveState", "已通过");
TE_WorkReportA.saveData();
TE_WorkReportA.refreshData();
justep.Util.hint("工作汇报已通过！", {type: 'info', parent: me.getRootNode()});
this.comp("contents").to("main");
this.comp("contents2").to("content5");
this.comp("list1").refresh();

};
//打回
Model.prototype.button4Click = function(event){
var TE_WorkReportA = this.comp("TE_WorkReportA");
TE_WorkReportA.setValue("fApproveState", "已打回");
TE_WorkReportA.setValue("fState", "");
TE_WorkReportA.saveData();
TE_WorkReportA.refreshData();
justep.Util.hint("工作汇报已打回！", {type: 'info', parent: this.getRootNode()});
this.comp("contents").to("main");
this.comp("contents2").to("content6");
this.comp("list2").refresh();
};
//设置select组件为禁用
this.comp('select1').set({
    "disabled" : true,
});


//获取select是否禁用，如果禁用设置为启用，如果启用设置为禁用，
var select = this.comp(select);
var disabled = select.get('disabled')；
var newDisabled;
if(disabled){
    newDisabled = false;
}else{
    newDisabled = true;
}
select.set({
    "disabled" : newDisabled
});
1
2
3
4
//select取值
this.comp('select1').val();
//select设值，注意！！设置的值必须是下拉data数据集中存在的值！否则不成功！
this.comp('select1').val('值');
if (time<20)
  {
  x="Good day";
  }
  //提交A   commentData.ref('comment')
Model.prototype.submitAClick = function(event){
var commentData = this.comp("commentData");
var comment = commentData.getValue("comment");
var TE_NoticeDA = this.comp("TE_NoticeDA");
TE_NoticeDA.newData();
TE_NoticeDA.setValue("fOption", comment);
TE_NoticeDA.saveData();
commentData.setValue("comment","");
this.comp("list1").refresh();
TE_NoticeDA.refreshData();
};
border:1px solid #999
border:1px solid #999（边框宽度/边框类型/边框颜色）