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;
例如:

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

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);
    }
  }
}

 

posted @ 2016-07-11 15:11  wangmeihong  阅读(173)  评论(0编辑  收藏  举报