html+css复习之第2篇 | javascript
1. java 中定义数组和对象：
数组（Array）字面量 定义一个数组：
[40, 100, 1, 5, 25, 10]
对象（Object）字面量 定义一个对象：
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
2. java中大小写敏感 ,换行是“\n”, 注释是“//”，多行注释以 /* 开始，以 */ 结尾 ，Value = undefined （没有使用值申明的变量）
3. 数据类型：字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。
在 JavaScript 中有5种不同的数据类型： string， number， boolean， object， function 3种对象类型： Object， Date， Array 2个不包含任何值的数据类型： null， undefined
4. 两种方法访问对象属性：person.lastName;person["lastName"];
5. java变量的生存期： JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。
6. HTML 中的全局变量：在HTML中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。例如：//此处可使用 window.carName
function myFunction() { carName = "Volvo"; }
7. html事件可以是浏览器行为，也可以是用户行为。
8. typeof操作符：
typeof "John" // 返回 string
typeof 3.14 // 返回 number
typeof false // 返回 boolean
typeof [1,2,3,4] // 返回 object
typeof {name:'John', age:34} // 返回 object
9. Date函数
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getFullYear() 从 Date 对象以四位数字返回年份。 getHours() 返回 Date 对象的小时 (0 ~ 23)。 getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
10. 正则表达式的两个方法：
1）search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置(可以使搜索功能更强大，例如不区分大小写)，更多>>
var str = "Visit w3cschool"; var n = str.search(/w3cschool/i); //（i是一个修饰符，搜索不区分大小写）
输出结构为:6
2) replace()方法
var str = "Visit Microsoft!"; var res = str.replace(/microsoft/i, "w3cschool");
输出结果为： visit w3school!
11. try - catch - throw
try{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x > 10) throw "太大";
if(x < 5) throw "太小";
}
catch(err){
var y=document.getElementById("mess");
y.innerHTML="错误：" + err + "。";
}
12. 在网页上显示一个钟表 >>
<script>
function startTime(){ var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); // add a zero in front of numbers<10 m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=h+":"+m+":"+s; t=setTimeout(function(){startTime()},500); //间隔多少毫秒显示，1秒=1000毫秒 } function checkTime(i){ if (i<10) { i="0" + i; } return i; }
</script>
第二种更简单的写法
function startTime()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
t=setTimeout(function(){startTime()},500);
} //显示结果为 ：下午16:03：07 ，间隔500秒刷新
13. java 的 window location 方法得到当前页面的URL，并可实现重定向： location.hostname (返回web主机的域名例如www.runoob.com), location.pathname（返回路径名例如try/images)
window.location.assign() 方法加载新的文档(在当前窗口)。
window.open() 在新的窗口打开新的文档
14. history.back() 后退 ； history.foword() 前进 ；
15. java的弹窗 promt("请输入您的名字","") ; 提示框输入单个文本消息；
16. document.cookie 属性
赋值： document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";
读取： var x = document.cookie;
例如：
首先，我们创建一个函数用于存储访问者的名字：
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
{
var username=getCookie("username");
if (username!="")
{
alert("Welcome again " + username);
}
else
{
username = prompt("Please enter your name:","");
if (username!="" && username!=null)
{
setCookie("username",username,365);
}
}
}
