---恢复内容开始---
网易云课堂 《尚学堂_Ext视频教程》
login.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<link rel="stylesheet" type="text/css" href="../ext-3.4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext-3.4.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-3.4.0/ext-all.js"></script>
<script type="text/javascript" src="test.js"></script> </head>
<body>
<!-- <div id=login>
</div> -->
</body>
</html>
test.js
弹出窗口并回调
Ext.onReady(function(){
Ext.Msg.alert('提示', '确认', function() {
console.info(this);
alert('回调');},this);
})提示框
Ext.onReady(function(){
Ext.Msg.confirm('提示','确认删除吗'),function(op) {
if(op == 'yes') {
alert("确认");
} else {
alert('取消');
}
};
})输入框
Ext.onReady(function(){
Ext.Msg.prompt('标题', '姓名：',function(op, val){}, this, true, '默认值');
})进度条
Ext.onReady(function(){
Ext.Msg.wait('提示信息','标题',{
interval: 400, //循环定时的间隔
duration: 2000, //总时长
increment: 5, //执行次数
text: '更新中',
scope: this,
fn: function(){
Ext.fly('status').update('Done!')
},
animate: true //动画效果
});
});提示框
Ext.onReady(function(){
Ext.Msg.show({
title:'自定义提示框！',
msg:'内容',
width:300,
height:300,
buttons:Ext.Msg.YESNOCANCEL,
icon:Ext.Msg.ERROR //INFO QUESTION WARNING
});
});
javascript 基础
Ext.onReady(function(){
//javascript基本类型
//Number/String/Boolean/Object/Undefined/Function
//Number
var num1 = 10;
var num2 = 10.5;
var num3 = .6; //0.6
var num4 = 070 //8进制56
var num5 = 1/0 //正无穷
var num6 = window.parseInt("dadad"); //字符串转换为数字，返回NaN，not a number,自己与自己不相等
//Object
var date = new Date();
var arr = new Array();
var obj = {name:'da', age:10};
//Undefined声明了变量没赋值, 等同于Null(表示空对象的引用)
//undefined === null 不等于 (===既判断值又判断类型)
var a;
//Function
function fun() {
console.info('fun');
}
alert(typeof fun); //typeof 判断数据类型
var fun1 = function(){};
//顶级作用域
var fun2 = new Function('x','y','return x+y;');
alert(fun2(12,13));
//每一个函数内部都有一个arguments对象
function test(x,y) {
//1：接收函数的实际参数
alert(arguments.length);//len=3
alert(arguments[2]); //val=3
};
test(1,2,3);
function test1(n) {
//2:通常用于递归操作
if (n <= 1) {
return 1;
} else {
return n*test1(n-1);
}
};
alert(test1(5));
//arguments.callee 表示引用当前函数本身
}); //this 总是指向调用者
var x = 5;
function test() {
alert(this.x);
};
test.x = 10;
window.test(); //window调用this,window下没有x, 返回undefined //call apply 主要作用是绑定作用域 ,绑定一个函数到指定作用域
var color = 'red';
var obj = {color:'yellow'}; function showColor(x,y) {
alert(x+y);
alert(this.color);
}; //window.showColor(); showColor.call(window,10,2);
showColor.call(obj,10,2); //apply传递的是数组，javascript 函数执行完后回收变量
showColor.apply(obj,[11,2]); (function() {
alert('222');
}) (); //闭包：执行环境。作用域链，js垃圾回收,可以存储变量，保护变量
//函数碰到函数直接返回，没有return，返回undefined
function test() {
return function() {
alert('闭包');
};
};
//alert(test());
var f = test();
f(); function test1() {
var temp = 10;
return function() {
alert(temp);
};
};
test1() ();