html+css复习之第2篇 | javascript

1. java 中定义数组和对象：

数组（Array）字面量 定义一个数组：
[40, 100, 1, 5, 25, 10]

对象（Object）字面量 定义一个对象：
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

 2. java中大小写敏感 ,换行是“ ”, 注释是“//”，多行注释以 /* 开始，以 */ 结尾 ，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;
例如：

首先，我们创建一个函数用于存储访问者的名字：

function setCookie(cname,cvalue,exdays)
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}

再写一个获取Cookie的函数

function getCookie(cname)
{
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 "";
}

接着写一个函数，检测Cookie值是否创建

function checkCookie()
{
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);
    }
  }
}