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值是否创建

秒客网

html+css复习之第2篇 | javascript

相关文章